6 Les extensions Google Chrome pour les développeurs Web

Lorsque vous travaillez dans le développement web et la conception, utilisent généralement plusieurs navigateurs pour voir les sites et les applications que nous développons sont entièrement compatibles les uns avec les autres, à la fois en apparence et la fonctionnalité.

La plupart des navigateurs sont livrés avec des outils intégrés qui nous permettent d'analyser les différents aspects, le suivi des événements lors de la navigation d'un site et d'éventuelles erreurs très précisément de donner en temps opportun, comme c'est le cas des outils de développement dans Google Chrome Console Web dans Firefox et Opera Dragonfly dans le navigateur Opera. Cependant, grâce à des extensions , nous sommes en mesure d'étendre les capacités de ces outils puissants et même ajouter quelques autres qui n'ont pas.

Il est également vrai que tout le monde dispose d'un navigateur favori pour travailler, dans mon cas est Google Chrome pour sa vitesse et faire un usage plus efficace de la mémoire que ses concurrents, mais surtout pour son adoption rapide par les utilisateurs.

Bien que seulement discuter des extensions pour Chrome, beaucoup d'entre eux sont disponibles pour les autres navigateurs, vous pouvez donc profiter si votre navigateur par défaut est une autre.

• Web Developer : Une extension Firefox initialement écrit pour, peut-être l'un des plus populaires parmi les développeurs et possède également une version pour Google Chrome. Web Developer ajoute une icône en haut de l'interface du navigateur, qui à son tour nous permet de voir un menu à manipuler de multiples options sur le site qui ont ouvert. Modifier l'apparence de la page, changer le fonctionnement de formes, extraire des images à partir du site, de valider HTML et CSS sont quelques-unes des près de 100 options que nous pouvons trouver. Il est une extension assez complet et indispensable.

• Éditeur de code PHP : C'est un excellent outil pour créer et éditer du code PHP. Cet éditeur est intégré dans l'interface et ses fonctionnalités offres Chrome: la validation et l'autocomplétion du code, en soulignant les mots réservés, accès FTP, le support pour de multiples documents grâce à des onglets, entre autres.

• Validité : Cette extension fournit un moyen simple pour valider le code HTML de nos pages. Une fois installé, nous allons voir une nouvelle icône dans la barre d'adresse du navigateur, il suffit de cliquer dessus pour commencer le processus de validation à la fin, nous pouvons voir encadré d'aide que le nombre d'erreurs trouvées et pour un rapport complet, ouvert la console d'erreur qui est intégré dans le navigateur. La valeur par défaut est de travailler avec le validateur du W3C, mais vous pouvez changer la configuration.

• Resizer fenêtre : Très utile pour les concepteurs et les développeurs. Avec Resizer fenêtre permet de simuler plusieurs résolutions d'écran sans quitter le navigateur, afin que vous puissiez vous faire une idée de la façon dont vous voyez notre site Web à différentes tailles d'écran. Il est livré avec les résolutions utilisées par défaut, mais offre la possibilité d'ajouter de nouveaux en fonction de nos besoins.

• Pendule : Tout comme l'extension Web Developer, mais contrairement à cela, Pendule vous permet de créer des raccourcis clavier pour les fonctions principales et de modifier les sources que nous utilisons pour valider le code de nos sites, consomme également moins de mémoire.

• Firebug Lite pour Google Chrome est mon extension préférée, leur utilité réside dans la possibilité qu'il nous offre pour inspecter et éditer des portions spécifiques de code qui constitue une page. Pour effectuer la modification du code, nous pouvons voir les changements automatiquement sur le site, afin que nous puissions faire plusieurs ajustements avant leur mise en œuvre pleinement. Grâce à l'icône qui est installé en haut à droite de l'écran, vous pouvez le désactiver facilement quand nous ne travaillons pas et éviter de consommer des ressources supplémentaires.

Bien que je me réfère seulement aux six que je pense répondre à autant de fonctionnalités, il ya beaucoup d'extensions qui peuvent se combiner pour le rendre beaucoup plus facile et plus rapide à notre travail ne vous connais pas d'autres?