Personnaliser les outils de développement Chrome avec DevTools Author

Si vous êtes un développeur frontend, vous devez déjà connaître le panneau DevTools de Google Chrome. Chaque version de Chrome est fournie avec des outils pour l'édition de fichiers HTML / CSS bruts, une console JS et la possibilité de manipuler le DOM en temps réel..

Un nouveau plugin gratuit pour Chrome appelé DevTools Author vous permet de personnaliser le panneau DevTools avec des jeux de couleurs de syntaxe supplémentaires, des polices uniques et des tailles de police personnalisées..

La configuration est assez simple. Il vous suffit d'installer l'extension à partir de la boutique en ligne Chrome, puis de consulter ce lien dans votre navigateur: chrome: // drapeaux / # enable-devtools-experiment

Vous vous retrouverez dans le panneau des indicateurs de chrome, où vous devez activer les expériences DevTools. Une fois que cela est activé, vous devez redémarrer Chrome, ouvrir le panneau de configuration de DevTools et rechercher l'onglet "Expériences"..

Ensuite, il vous suffit de cocher "autoriser les thèmes d'interface utilisateur personnalisés" et vous êtes prêt à partir!

Vous pouvez choisir parmi plus de 25 combinaisons de couleurs de syntaxe différentes qui facilitent grandement l'utilisation de l'éditeur de Chrome. Et vous pouvez modifier les tailles de police de 10px à 22px ou même mettre à jour les polices de la console pour toutes les polices pré-installées sur votre système d'exploitation..

Ce plugin n’ajoute aucune fonctionnalité de base à DevTools, mais vous permet plutôt de changer le style et le look de votre fenêtre DevTools. Il est étonnamment facile à configurer et peut rendre votre expérience DevTools beaucoup plus personnalisée..

Si vous rencontrez des problèmes lors de l'installation, consultez cette vidéo d'introduction guidée..