Les extensions Chrome sont des petits programmes qui permettent d’ajouter des fonctionnalités ou des améliorations à votre navigateur Chrome. Elles peuvent par exemple vous aider à bloquer les publicités indésirables, à traduire des pages web, à gérer vos mots de passe, à ajouter des notes à vos pages web, à améliorer votre productivité, etc. Vous pouvez en trouver et en ajouter depuis Chrome Web Store.
Ce qui nous intéresse ici, ce sont les extensions qui vont vous permettre d’obtenir des aides complémentaires lors de la construction d’une solution digitale.
L’extension qui permettra de visualiser les technologies utilisées sur les sites Internet. Vous avez également Wappalyzer qui fonctionne sur le même principe.
Lorsqu’il y a énormément de contenu sur un site, il faut parfois repasser sur les liens afin de vérifier s’ils sont valides. Cette extension détectera les liens invalides et valides.
Lorsque l’on teste un site, on est souvent contraint de faire toujours les mêmes manipulations. iMacros vous permettra d’automatiser des actions répétitives.
Outil qui permet d’appliquer un zoning sans pour autant passer par du css. Il applique des bordures aux éléments. Pratique afin de comprendre le comportement des balises et ainsi appliquer les correctifs nécessaires.
On dispose de la console qui est certes très pratique. Cette extension permet de visualiser rapidement différentes conceptions d’interface utilisateur et d’expérience utilisateur d’une page Web.
Les outils comme des générateurs en ligne peuvent s’avérer pratiques ou encore des outils intégrés à la console des navigateurs afin de tester la compatibilité sur les différents supports nomades existants. Cette extension propose beaucoup d’options assez pratiques et très intuitives pour faciliter l’intégration en responsive.
Cette extension simule le comportement des appareils nomades (mobiles, phablettes, tablettes). Solution idéale pour faire les premiers tests dans le cadre de l’adaptation responsive d’une page web.
Extension qui vous permettra de faire des modifications directement sur votre feuille css depuis votre navigateur. Attention à bien autoriser l’accès aux URL de fichier depuis la configuration de l’extension.
Cette extension permet à son utilisateur d’identifier toutes les polices de caractères intégrées à un site. Il indiquera les polices « système » et les polices intégrées manuellement. Dans la même catégorie que Fonts Ninja, on peut aussi penser à WhatFont.
Une extension qui se substitue de la console habituelle. Au passage de la souris, l’extension examine les différents éléments. On appréciera tout particulièrement la clarté des informations affichées.
Cette extension vérifie l’optimisation de votre site pour les moteurs de recherche, la vitesse de chargement de votre site et la sécurité de votre site.
Extension utile pour les référenceurs et les propriétaires de sites web qui souhaitent optimiser leur site pour les moteurs de recherche et améliorer son classement dans les résultats de recherche.
Grâce à cette extension, vous pouvez facilement optimiser les méta-données de votre site pour améliorer son référencement et sa visibilité sur les moteurs de recherche et les réseaux sociaux.
Cette extension fournit des indications (échelle de couleurs) sur l’optimisation des pages pour les moteurs de recherche. Elle donne des conseils et des recommandations.
Cette extension analyse votre site en vérifiant plusieurs éléments, tels que la présence des métadonnées importantes (title, description…), la structure des titres et des sous-titres, la présence de liens internes et externes, la qualité du contenu, etc.
Extension qui mesure la performance, l’accessibilité, la qualité de l’expérience utilisateur et la sécurité de sites Web. Elle fonctionne en analysant une page Web et en générant un rapport qui détaille les problèmes potentiels et les opportunités d’amélioration.
Permet de détecter les problèmes d’accessibilité qui pourraient empêcher les utilisateurs handicapés d’utiliser correctement le site. Affiche les résultats de l’analyse dans l’outil devTools et fournit des informations détaillées sur chaque problème d’accessibilité détecté.
Extension qui permet aux développeurs de visualiser comment les éléments de leur page web seront perçus par les lecteurs d’écran et les outils d’accessibilité. Depuis l’outil devTools, on obtiendra un aperçu de l’état des différents attributs ARIA (Accessible Rich Internet Applications) de la page en cours de visualisation.
Extension qui ajoute des outils de débogage et de développement pour les applications Vue.js. Elle permet aux développeurs de visualiser et de modifier en temps réel l’état de leur application Vue.js, de naviguer dans l’arborescence de composants de l’application, de voir les données manipulées par l’application et de déclencher des actions définies par l’application.
Extension qui permet aux développeurs de visualiser et de modifier en temps réel l’état de leur application React, de naviguer dans l’arborescence de composants de l’application, de voir les données manipulées par l’application et de déclencher des actions définies par l’application.
Extension qui ajoute une fenêtre de débogage pour le contexte React sur Chrome. Elle permet aux développeurs de visualiser et de debugger les données stockées dans le contexte de leur application React.
Cette extension ajoute une option dans le menu contextuel du navigateur (qui s’affiche lorsque vous faites un clic droit sur une page web) qui permet d’ouvrir le fichier JSON sous forme de tableau pliable. Cela peut être particulièrement utile pour les développeurs qui travaillent avec des fichiers JSON et qui souhaitent avoir un meilleur aperçu de leur contenu ou qui cherchent à trouver rapidement une information spécifique dans un fichier JSON volumineux.
Cette extension ajoute une fonction de recherche de code avancée à de nombreuses pages Web de code, y compris GitHub. Elle vous permet de rechercher du code dans de nombreux dépôts différents en même temps et de voir les résultats de la recherche sous forme de liste de fichiers et de lignes de code pertinents.
Cette extension ajoute des fonctionnalités supplémentaires à la plateforme de développement en collaboration GitHub. Elle peut ajouter des raccourcis pour naviguer plus facilement sur la plateforme, afficher des informations utiles de manière plus claire et offrir des fonctionnalités de recherche avancées.
