31.12
2009

Une petite note pour les développeurs Web sous Mac. Google a sorti il y a quelques temps une bêta de son navigateur Chrome (aujourd’hui en 4.0.249.43). Bien qu’apparemment très fonctionnelle – en attendant de trouver des bugs majeurs à l’utilisation – elle offre notamment une palette d’outils très précieux pour les développeurs Web.

Parmi eux, on trouve l’affichage du code source avec surlignage syntaxique (raccourci Alt + Cmd + U), la console Javascript (raccourci Alt + Cmd + J) et surtout, la boite d’outils de développement (Alt + Cmd + I).

La console Javascript et le code source étant aujourd’hui présent dans la plupart des autres navigateurs, ce sont les « outils de développement » qui sont particulièrement intéressants. Offrant la possibilité d’avoir un détail plus poussé sur la structure de la page (balises, feuilles de style etc…), on y trouve également le Resources Tracker.

Qu’est ce que le Resources Tracker ? Tout simplement un outil permettant de visualiser rapidement les ressources utilisées par les différents éléments de la page. Plutôt que d’expliquer, voici en images un exemple de diagramme présenté par le Resources Tracker.

Resources

Moins indispensable, on note la présence d’un débuggeur Javascript et d’autres outils plus communs, comme la gestion des sessions et des cookies.

Debugger Javascript
Debugger Javascript
Gestion des sessions
Gestion des sessions

Pour être au courant de l’avancée des travaux sur Chrome Mac, vous pouvez suivre le blog dédié au navigateur :
http://googlemac.blogspot.com/

Pour télécharger la dernière version de Chrome Mac, rendez-vous à l’adresse :
http://www.google.com/chrome?platform=mac

1 commentaire pour l'instant

Ajoutez votre commentaire
  1. Merci pour cet article, je vais me pencher sur Google Chrome pour mes prochains développements. Par contre je n’ai pas bien compris ce qu’était le ressource tracker car ton image ne s’affiche pas.