Name: Tremplin Numérique
Price range: $$$

Le Web a commencé par responsabiliser les utilisateurs, en nous proposant du contenu statique qui pouvait être réutilisé et adapté à l'appareil utilisé. Mais peu à peu, les sites Web ont repris le contrôle, imposant leurs propres préférences en matière de style et de comportement.

Il est temps de reprendre le contrôle ! Ces extensions de navigateur vous aideront à désactiver ou à remplacer des fonctionnalités telles que CSS, JavaScript et les images. La plupart sont pour Chrome ou Firefox, et certains sont disponibles sous forme d'extensions Web multi-navigateurs.

Sommaire

Pourquoi vous pourriez avoir besoin de reprendre le contrôle

Pour une meilleure accessibilité, des préférences personnelles ou des outils de développement

L'autonomisation est l'un des principaux arguments de vente du Web depuis ses débuts. En tant que consommateur, vous contrôlez l'expérience. Les sites Web ne sont pas – et ne devraient pas essayer de l’être – hermétiquement fermés, avec une fidélité absolue garantie. Au lieu de cela, des technologies telles que HTML et CSS ont permis aux navigateurs Web de présenter le contenu de manière flexible, afin qu'il puisse être peaufiné, remixé et adapté.

Vous utilisez peut-être le Web sur un appareil non conventionnel, vous avez peut-être des besoins visuels particuliers ou vous êtes peut-être en train de résoudre un problème de site. Quels que soient vos besoins, basculer rapidement entre ces technologies ou les remplacer selon vos préférences est un outil puissant à votre disposition.

Basculer les polices

Retour à Times New Roman et Arial

Cette extension Firefox est parfaite pour les graphistes et les typophiles. C'est également pratique si vous essayez d'éviter l'horrible police Comic Sans que quelqu'un a décidé être le meilleur choix pour sa page d'accueil. En un clic, il vous permet de bloquer les polices tierces.

Un indicateur clair sur son icône, indiquant quand les polices sont désactivées, et une absence d'options de personnalisation signifient que Toggle Fonts est aussi simple que possible, mais il fait le travail.

L'extension bloque à la fois les polices Web personnalisées fournies par le serveur et toutes les polices locales que vous avez éventuellement installées en dehors du petit ensemble de polices génériques sécurisées pour le Web (serif, sans-serif, monospace, etc.). Cela en fait un outil de conception Web utile puisque vous pouvez l'utiliser pour tester votre pile de polices.

Utiliser des feuilles de style personnalisées

Pour affirmer vos préférences esthétiques

CSS a toujours fourni un mécanisme pour les feuilles de style personnalisées ; en fait, la cascade fait en partie référence à la possibilité pour les utilisateurs de fournir leurs propres styles qui agissent en conjonction avec les styles par défaut du navigateur et ceux fournis par la page Web elle-même. Malheureusement, la prise en charge des navigateurs est généralement médiocre. Safari, par exemple, ne propose qu'une seule feuille de style globale, enfouie dans ses paramètres.

Mais vous pouvez faire bien mieux, surtout si vous utilisez un autre navigateur. Pour Chrome, il y a Stylish, tandis que sur Firefox, vous pouvez utiliser Stylus pour modifier le CSS à votre guise.

Stylish souhaite que vous l'évaluiez, vous connectiez et accordiez des autorisations afin qu'il puisse suggérer des styles en fonction du site que vous consultez. Stylus (ma préférence) est un peu plus pratique et dispose d'un excellent éditeur intégré avec de nombreuses fonctionnalités :

Les deux vous permettent de publier et de partager vos styles pour que d’autres puissent les utiliser, mais vous devrez avoir une bonne compréhension du CSS pour en tirer le meilleur parti.

Activer JavaScript

Idéal pour les réparations et les tests rapides

JavaScript Toggle On and Off est l'une de mes extensions incontournables, principalement parce qu'elle est si simple. Il ajoute une icône à votre barre d'outils qui désactive JavaScript (puis le réactive) lorsque vous appuyez dessus. C'est tout : un simple bouton qui fait exactement ce que vous attendez.

Le bouton est également actif, donc cliquer dessus aura un effet immédiat. L'extension actualise automatiquement la page que vous consultez, il n'est donc pas nécessaire de le faire manuellement. Vous pouvez également gérer une liste d'autorisation et une liste de blocage pour le comportement par défaut spécifique au site.

Il existe des alternatives ; J'utilisais Toggle JavaScript sur Chrome, qui fait à peu près le même travail. Mais je préfère maintenant cette extension car son icône indique bien mieux l’état actuel. Sans cela, il est trop facile d'oublier que vous avez désactivé JavaScript et de passer du temps à dépanner les sites Web qui ne fonctionnent pas sans lui.

JavaScript Toggle On and Off est une WebExtension, il devrait donc fonctionner sur n'importe quelle plate-forme prenant en charge cette norme. Il annonce actuellement des téléchargements pour Chrome, Edge, Firefox et Opera.

Écrire du JavaScript personnalisé

Contrôlez le Web avec votre cerveau de primate

Tampermonkey est sans aucun doute mon extension de navigateur préférée. C'est un peu rude sur les bords, mais pour une puissance ultime sur presque tous les aspects du Web, c'est inégalé. Tampermonkey a évolué à partir de Greasemonkey (d'où son nom), lancé pour Firefox en 2005 comme l'un des premiers exemples de gestionnaire de scripts utilisateur.

Cette extension vous permet d'installer des extraits de code, écrits en JavaScript, qui ont accès au DOM et à d'autres API Web. En l'utilisant, vous pouvez manipuler des sites Web à peu près comme vous le souhaitez : corriger le flux Reddit par défaut, restaurer la mise en page YouTube d'origine et bien plus encore.

Puisque vous pouvez modifier les styles CSS à l'aide de JavaScript, vous pouvez utiliser Tampermonkey pour des conceptions personnalisées ainsi que pour des fonctionnalités, vous préférerez donc peut-être l'installer et laisser Stylus/Stylish sur l'étagère.

Vous pouvez trouver des scripts Tampermonkey qui s'installent en un seul clic sur Userscript.Zone.

Bien que j'utilise Tampermonkey sur Chrome, il est disponible sur tous les autres principaux navigateurs : Edge, Safari, Opera et Firefox. Si vous utilisez Firefox, vous pouvez toujours consulter l'extension d'origine qui a tout déclenché, Greasemonkey.

Faites un peu de tout

Cette extension propose des bascules pour toutes les choses importantes

Simple Privacy Settings est une extension Chrome qui offre un peu de tout ce qui précède. Bien qu'il se concentre sur la confidentialité et qu'il n'offre pas le même niveau de personnalisation que Tampermonkey ou Stylus, il regroupe les options les plus utiles. Grâce à SPS, vous pouvez rapidement basculer entre les images, les polices Web et JavaScript, ainsi qu'une multitude de paramètres relatifs au trafic réseau et aux appareils locaux.

Vous devrez recharger après avoir activé quoi que ce soit, mais cela présente l'avantage de pouvoir facilement comparer les effets côte à côte, pour voir comment une conception pourrait fonctionner avec les polices par défaut, par exemple :

Il existe d'innombrables extensions pour contrôler votre navigateur

Cette sélection n'est que la pointe de l'iceberg, avec de nombreuses extensions disponibles pour vous aider à dynamiser votre navigateur. Cependant, avec autant de choix, je conseille la prudence : tenez-vous-en aux extensions populaires avec de bonnes notes. Étant donné que ces extensions nécessitent des privilèges assez élevés pour fonctionner, vous devrez faire confiance à celle que vous choisissez.

Tampermonkey est sans aucun doute le roi de la personnalisation, mais quelques extensions ciblées peuvent bien fonctionner à ses côtés pour un accès rapide aux options courantes.