Extensions Chrome pour le développement Web

Jeudi 27 mai 2010

Les outils de développement Chrome ont, entre autres, été conçus pour déboguer HTML, JavaScript et CSS dans Chrome. Si vous concevez une page Web, voire une application Web pour le Chrome Web Store, vous pouvez inspecter les éléments du DOM, déboguer le code JavaScript en direct et modifier les styles CSS directement sur la page active. Les extensions permettent d'optimiser Google Chrome en proposant des fonctionnalités supplémentaires, auxquelles vous pouvez facilement accéder dans votre navigateur. Pour aider les développeurs comme vous, nous avons créé une page qui contient des extensions pour le développement Web. Nous espérons qu'elles vous seront utiles pour la création d'applications et de sites Web.

extension Chrome Speed Tracer

Par exemple, Speed Tracer est une extension qui permet d'identifier et de résoudre les problèmes de performances de vos applications Web. Elle vous permet de mieux comprendre où le temps est passé dans votre application et de résoudre les problèmes liés à l'analyse et à l'exécution de JavaScript, aux styles CSS, etc.

extension Chrome de test de la résolution

Resolution Test est une autre extension, qui modifie la taille de la fenêtre du navigateur pour permettre aux développeurs Web de prévisualiser les sites Web dans différentes résolutions d'écran. Elle comprend une liste des résolutions les plus courantes, ainsi qu'une option personnalisée vous permettant de saisir votre propre résolution.

extension Chrome pour les développeurs Web

L'extension Web Developer vous permet d'accéder à d'autres outils de développement, tels que des options de validation, le redimensionnement des pages et une visionneuse d'éléments CSS, à partir d'un simple bouton que vous ajoutez dans la barre d'outils.

extension Chrome Editor

Une autre extension que nous vous conseillons de tester est Chrome Editor. Elle vous permet de coder facilement dans le navigateur et vous évite d'avoir à jongler entre ce dernier et l'éditeur de code. Vous pouvez également enregistrer une référence de code localement sur votre ordinateur afin de l'utiliser ultérieurement.

Ce ne sont que quelques exemples des extensions disponibles sur notre page de développement Web. Veuillez également consulter la galerie d'extensions, le cas échéant.