Je recherche un outil qui peut:
- inspecter les éléments HTML
- gérer / déboguer JavaScript
- performances du profil
- modifier des éléments en temps réel
development
performance
google-chrome
profiling
Plie d'Evan
la source
la source
Clic droit -> Inspecter l'élément
la source
Firebug Lite pour Google Chrome .
la source
Cela fait 4 ans que la question initiale a été posée. Chrome (stable) est maintenant à la version 38. Pendant longtemps, il a inclus un ensemble complet d' outils de développement qui sont à peu près équivalents à Firebug pour Firefox (bien que Firefox ait même un inspecteur intégré également).
Les outils de développement de Chrome vous permettent de faire quelques choses:
Les outils de développement sont accessibles de différentes manières.
Menu Chrome -> Outils -> Outils pour les développeurs
Ctrl+ Shift+ Isous Windows ou Cmd+ Shift+ Isur Mac
F12 sous Windows
Cliquez avec le bouton droit n'importe où sur une page et sélectionnez Inspecter l'élément
la source
Les outils dans le navigateur sont excellents dans leur travail et sont généralement votre meilleur premier choix, mais parfois ils ne fournissent pas suffisamment de détails techniques sur les charges utiles de demande / réponse HTTP, ou sont trop spécifiques à la page.
Dans ces cas, vous pouvez constater qu'un outil d'inspection HTTP dédié comme Fiddler ou l'une des alternatives Linux fournira plus d'informations.
Si vous avez vraiment besoin d'obtenir du bare-metal, Wireshark va au-delà de HTTP pour une analyse complète du trafic réseau, mais soyez prêt à être dépassé au début.
la source
Vous pouvez également essayer le Speed Tracer open source de Google - http://code.google.com/webtoolkit/speedtracer/
la source