Charger des CSS personnalisées via le navigateur sur le site en cours de visualisation?
Est-il possible de charger une feuille de style CSS sur un site que je visualise dans un navigateur?
Je travaille sur le site de mon entreprise. Pour des raisons évidentes, je ne souhaite pas modifier la version en direct du site pendant que je développe. Normalement, je peux travailler sur une version de développement, mais celle-ci est en panne. Tout ce que je dois faire, c'est ajouter du CSS et voir ces changements au fur et à mesure.
Le développeur Web de Firefox peut ajouter une feuille de style locale, mais dès que vous actualisez la page ou que vous vous en éloignez, celle-ci cesse d'être ajoutée et vous devez l'ajouter manuellement à nouveau (même si les fonctionnalités persistantes sont activées). Avec tous les changements incrémentiels dont j'ai besoin, ce n'est pas vraiment une solution pour moi.
Vous pouvez mettre une autre feuille de style dans l'en-tête:
<LINK href="mystyle.css" title="Medium" rel="alternate stylesheet" type="text/css">
Vous pouvez ensuite le sélectionner à partir de Firefox avec View-> Style de page-> votre feuille de style.
Toute personne visitant la page peut le faire, mais je doute qu’ils pensent le faire. Ce n'est probablement pas un gros problème s'ils le font.
Cet addon parmi d'autres choses, vous permet de spécifier une feuille de style locale si vous ne pouvez pas changer le site actif. (Je ne l'ai pas utilisé moi-même.)
Le élégant Firefox add-on vous permet de gérer une collection de feuilles de style locales pouvant être spécifiées pour fonctionner uniquement pour des domaines spécifiques. Jetez un oeil à serstyles.org pour ce que les gens en ont fait.
Il existe également une version pour Chrome , si nécessaire.