Apportez des modifications permanentes aux pages Web avec l'outil de développement Overrides de Chrome
- Catégorie: Google Chrome
Local Overrides est une fonctionnalité expérimentale relativement nouvelle des outils de développement du navigateur Web Google Chrome que vous pouvez utiliser pour apporter des modifications permanentes aux pages Web de la même manière que vous le feriez à l'aide de scripts utilisateur ou de styles utilisateur.
Alors que la plupart des utilisateurs peuvent ne pas vouloir modifier le style ou tout autre contenu sur les pages Web qu'ils visitent régulièrement; certains utilisateurs souhaitent le faire pour supprimer les inconvénients, améliorer la convivialité ou apporter d'autres modifications.
Un bon exemple est un site trop brillant aux yeux de l'utilisateur. En utilisant des remplacements, vous pouvez changer le style du site Web en un style sombre afin qu'il soit plus agréable à regarder. Vous pouvez également l'utiliser pour augmenter ou réduire la taille des polices, modifier les polices, supprimer les images d'arrière-plan ou manipuler tout autre élément de la page.
Configurer les remplacements locaux dans Google Chrome
Local Overrides est une fonctionnalité expérimentale de Google Chrome disponible dans toutes les versions prises en charge du navigateur.
Voici ce que vous devez faire pour l'activer:
- Appuyez sur F12 pour afficher l'interface des outils de développement.
- Appuyez sur F1 dans l'interface pour ouvrir les Préférences.
- Sous Préférences, recherchez «Activer les remplacements locaux» et cochez l'option.
- Visitez une page Web sur laquelle vous souhaitez apporter des modifications permanentes.
- Basculez vers le panneau Sources dans les outils de développement.
- Cliquez sur l'icône avec les deux flèches pointant vers la droite et sélectionnez Remplacements dans le menu.
- Sélectionnez 'setup overrides' et choisissez un dossier local dans lequel vous souhaitez stocker les remplacements.
- Acceptez la demande de Chrome pour accéder au dossier.
Utilisation des remplacements locaux dans Google Chrome
L'utilisation de remplacements pour les ressources est assez simple. Ouvrez le panneau Réseau dans le navigateur pour commencer. Si vous ne voyez aucun fichier chargé, rechargez la page pour remplir la liste.
Cliquez avec le bouton droit sur n'importe quel fichier de ressources que vous souhaitez remplacer et sélectionnez l'option «Enregistrer comme remplacement». Chrome enregistre les données sur le système local et les utilisera à la place de la ressource d'origine lors du chargement de la page Web.
Vous pouvez éditer le fichier sous Sources> Remplacements. Cela fonctionne bien pour les styles, mais vous pouvez remplacer à peu près n'importe quel fichier source, y compris les pages HTML et les fichiers JavaScript.
Les remplacements sont enregistrés automatiquement et vous pouvez les supprimer de la liste des remplacements dans les outils de développement Chrome, ou utiliser les préférences à la place.
La section des remplacements des préférences des outils de développement répertorie tous les sites avec des remplacements. Lorsque vous survolez une entrée, vous pouvez la supprimer pour supprimer tous les remplacements ou cliquer sur modifier pour changer le nom de domaine.
Regardez la vidéo d'instructions suivante qui montre comment vous pouvez utiliser la fonction pour améliorer les performances des pages Web.
Mots de clôture
Local Overrides est une fonctionnalité expérimentale, ce qui signifie que Google peut la retirer à l'avenir ou l'intégrer complètement dans le navigateur. Pour l'instant, c'est une excellente option pour changer le style ou le code des pages Web que vous visitez régulièrement et une alternative à l'utilisation de usertyles ou de scripts pour cela.
Le principal avantage de l'option intégrée est que vous pouvez utiliser les outils de développement de Chrome pour voir les modifications en temps réel sans avoir à enregistrer manuellement les fichiers externes et à recharger les pages à chaque fois que vous apportez des modifications.
Maintenant, c'est à votre tour : Utilisez-vous des scripts utilisateur ou des styles?