45 votes

Comment forcer mes styles css lorsque je visite un site web ?

Imaginez que je veuille visiter webmaster.stackexchange.com (ou un autre site web) tous les jours mais je veux changer la couleur bleue de l'en-tête (la changer en rouge par exemple).

Est-il possible de forcer des styles css personnels lorsque je visite un site web ? Si oui, comment puis-je le faire ? Peut-être une astuce du navigateur web ou un plugin ? (J'utilise Chrome)

J'aimerais une solution automatique, changer les css avec la console du navigateur web (F12 sur Chrome) pour chaque page que je visite n'est pas intéressant.

28voto

Adriano Monecchi Points 133

Le concept général que vous recherchez est celui des "feuilles de style utilisateur".
Stylisé ( Chrome / Firefox ) vous permet de gérer facilement les styles par site et de les activer ou de les désactiver en fonction des besoins.

16voto

Luke Points 269

En 2017, Stylish est devenu très lourd et plein de fonctionnalités bloat, j'ai donc décidé de m'en éloigner.

J'ai créé une alternative - l'extension Styler - elle est légère et a un style minimal mais puissant. Vous pouvez ajouter des CSS personnalisés et du code JavaScript/jQuery.

Extension Styler pour Google Chrome

Extension Styler pour Firefox

Code source

Pourquoi je l'aime et l'utilise quotidiennement - principalement en raison de la sauvegarde automatique et de la synchronisation automatique entre tous les navigateurs Google Chrome (sur Mac, Win et Linux).

3voto

whale_steward Points 1514

Depuis 2018 dans Chrome (65), les DevTools intégrés au navigateur disposent d'une fonctionnalité appelée Dérogations locales 1 . Il n'est donc pas nécessaire d'utiliser un module complémentaire ou une extension comme StyleBot, Stylish ou Greasemonkey.

Dérogations locales permettent de réécrire les CSS, JS et DOM sur n'importe quel site en ligne. Les modifications sont enregistrées dans un dossier local et remplacent le contenu de l'environnement réel.

Il est possible d'y accéder sous Developer Tools > Sources >> Overrides

Cela vous permet de sélectionner un dossier local personnalisé qui contiendra des CSS et des JS qui remplaceront les CSS et JS du site web actuel.

Developer Tools > Sources > Over

1voto

Prasad Ajinkya Points 111

Greasemonkey ... une recherche google m'a indiqué Tampermonkey ( https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=en )

SistemesEz.com

SystemesEZ est une communauté de sysadmins où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres sysadmins, poser vos propres questions ou résoudre celles des autres.

Powered by:

X