Windows,Tutoriels, Informatique

Les Infos du Geek - Windows, tutoriels, Informatique

Translate website
E-mail-logo

Le GEEK.fr


Le Top des extensions Google Chrome pour les développeurs web

Publié le Publié dans Articles, Divers, Les News

Le Top des extensions Google Chrome
pour les développeurs web

 

Voici une liste non exhaustive d’extensions pour Google Chrome, utiles pour les développeurs web, intégrateurs et webmasters:

Les extensions indispensables Google Chrome pour développeur Web
Les développeurs Web utilisent depuis longtemps des extensions très utiles à installer dans Firefox ou Google.
Voici une liste des extensions pour Google Chrome que j’ai séléctionné

 

Web developer

 

Web Developer

 

Web Developper est spécialement recommandée par notre équipe de développeurs,
elle permet de faire une multitudes de modifications de code directement sur le navigateur sans être obligé de modifier réellement le code source de votre site.
https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=fr

 

Window Resizer

 

Window Resizer

 

Windows Resizer, vous pouvez tester l’affichage d’un site web sur des écrans avec des résolutions différentes.
L’émulation est effectuée en sélectionnant l’une des résolutions prédéfinies.
https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh

 

 

Firebug Lite

 

Firebug Lite

 

Firebug Lite est un excellent outil pour les développeurs web, qui est intégré dans le navigateur
Il fournit des fonctionnalités avancées pour l’édition et le débogage du code de toute page Web.
Firebug est désactivé par défaut et il est affiché en gris, faut l’activez
https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench/https%3A/chrome.google.com/webstore/detail/elkkomimknapgodalnkjeddkjnjkfmfp

 

 

HTML Validator

 

HTML Validator

 

HTML Validator est une extension pour valider le code HTML de la page Web actuelle.
Faites-le fonctionner automatiquement, cliquez sur l’icône d’un menu ou appuyez sur l’un des raccourcis clavier pour valider la page Web actuelle.
https://chrome.google.com/webstore/detail/html-validator/cgndfbhngibokieehnjhbjkkhbfmhojo

 

 

Page Ruler

 

Page Ruler

 

Dessine une règle pour mesurer les dimensions ainsi que les positions, et mesure aussi les éléments de n’importe quelle page web.
https://chrome.google.com/webstore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhcbnbpn?hl=fr

 

 

 

MeasureIt!

 

MeasureIt!

 

MeasureIt permet de mesurer la distance et la taille (en pixels) de n’importe quel élément d’une page web.
https://chrome.google.com/webstore/detail/measureit/aonjhmdcgbgikgjapjckfkefpphjpgma?utm_source=chrome-app-launcher-info-dialog

 

 

Pendule

 

Pendule

 

Pendule est une extension Chrome des plus complètes que nous présentons dans cette sélection.
Elle permet aussi bien de visualiser le code source d’une page, et ce en ayant la possibilité d’en sélectionner qu’une partie (HTML,CSS et JavaScript).
https://chrome.google.com/webstore/detail/pendule/gbkffbkamcejhkcaocmkdeiiccpmjfdi

 

 

CSSViewer

 

CSSViewer

 

CSSViewer est conçu pour afficher les propriétés CSS affectées à un élément particulier sur une page.
https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce

 

 

ColorZilla

 

ColorZilla

 

Extension qui rassemble un pack d’outils couleurs indispensables : pipette, générateur de dégradés et autres … tous accessibles depuis votre navigateur
https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp

 

 

FireShot

 

Fireshot

 

Permet de faire des captures d’écran de pages web en entières ou juste une partie.
https://chrome.google.com/webstore/detail/capture-webpage-screensho/mcbpblocgmgfnpjjppndjkmgjaogfceg

 

 

PageSpeed

 

PageSpeed Insights

 

Analyser les performances de vos pages Web et permet d’obtenir des suggestions spécifiques sur la façon de les optimiser.
https://chrome.google.com/webstore/detail/pagespeed-insights-with-p/lanlbpjbalfkflkhegagflkgcfklnbnh?utm_source=chrome-app-launcher-info-dialog

 

 

Eye Dropper

 

Eye Dropper

 

Eye Dropper est une extension qui permet de trouver la couleur de n’importe quel élément sur une page.
En cliquant avec une « pipette » sur un élément, vous recevez les informations sur la couleur RGB et le code HTML.
https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka?utm_source=chrome-app-launcher-info-dialog

 

 

Marmoset

 

Marmoset

 

Avec marmouset, vous pouvez créer des instantanés de code en quelques secondes
Vous pouvez également ajouter des thèmes et des effets pour créer des images pour promo et votre portefeuille en ligne.
https://chrome.google.com/webstore/detail/marmoset/npkfpddkpefnmkflhhligbkofhnafieb

 

 

WhatFont

 

WhatFont

 

La police de caractères.
Avec What Font, vous pouvez découvrir en un clic le nom de la police qui vous a plu mais également sa taille, sa couleur (son code) et d’autres informations.
https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en

 

 

Web Sniffer

 

Web Sniffer

 

 

Web Sniffer permet de savoir quel code HTTP est renvoyé par le serveur pour une URL donnée
https://chrome.google.com/webstore/detail/web-sniffer/ndfgffclcpdbgghfgkmooklaendohaef

 

 

Hover Zoom

 

Hover Zoom

 

HoverZoom est une extension très utile pour ceux qui veulent afficher des images mises à l’échelle sans passer à une page séparée:
placez simplement votre souris sur l’image et ainsi vous pouvez l’agrandir en taille réelle.
https://chrome.google.com/webstore/detail/hover-zoom/nonjdcjchghhkdoolnlbekcfllmednbl/related

 

 

 

SEO for Chrome :

 

SEO for Chrome

 

Cette extension vous crée un rapport détaillé sur les différentes caractéristiques SEO d’une page.
https://chrome.google.com/webstore/detail/seo-for-chrome/oangcciaeihlfmhppegpdceadpfaoclj/related

 

 

Search stackoverflow

 

search stackoverflow

 

une alternative plus ouverte aux forums tels que l’échange de spécialistes.
https://chrome.google.com/webstore/detail/search-stackoverflow/gmdolelhfhbldobljhbhdgljbajhfilj