Firebug pour Chrome

Question

Quelqu'un peut-il recommander une extension décente à Google Chrome similaire à Firebug? J'ai vu qu'il y a quelques questions similaires ici sur SO, mais les réponses semblent être très datées.

Merci!

Answer 1

Vous pouvez utiliser firebug lite. Mais Chrome dispose déjà d'outils de développement plus que décents.

Answer 2

Il est construit. Appuyez sur Ctrl + Maj +I. (Ou Outils> Développeur dans le menu)

Answer 3

Vous pouvez ajouter Firebug Lite pour Chrome comme une extension

Answer 4

outils de développement de Chrome a parcouru un long chemin au cours de l'année dernière. Il a fallu un peu d'ajustements et j'ai continué à être confus alors j'ai développé une page de test sur ma boîte et je les ai installés côte à côte, un firebug sur mon moniteur gauche et des outils de développement sur ma droite. Je suis allé à travers et j'ai compris exactement comment ils étaient différents. J'ai réalisé un peu plus tard que Chrome avait les mêmes choses que Firebug juste organisé un peu différemment. Il s'avère que j'aime beaucoup plus les outils de développement que Firebug après que je m'y suis habitué.

1. Je l'habitude d'avoir beaucoup de plaintes au sujet de la section des éléments d'outils de développement, mais maintenant il semble fonctionner presque exactement la même chose que Firebug. Je peux rapidement cliquer pour inspecter les éléments et il développe correctement les nœuds, m'emmenant au nœud que je veux.

2. L'onglet ressources dans les outils de développement souffle l'onglet net dans firebug hors de l'eau. Je pense que c'est mieux organisé. Vous obtenez un aperçu des images dans la liste des ressources et vous pouvez réellement voir quels éléments sont transparents car le chrome place le damier derrière l'image (vous obtenez un aperçu de l'image dans firebug mais seulement lorsque vous passez le nœud de requête, sorte de ennuyeux). En outre, vous pouvez double-cliquer sur les ressources et le chrome les affichera dans un nouvel onglet, très agréable lorsque je débogage des appels AJAX et besoin de voir l'erreur d'exception formatée dans le navigateur sans taper manuellement mes URL ajax.

3. Numéros de ligne. Trouver des numéros de ligne dans firebug est très difficile et vous ne pouvez pas le faire pour du contenu. Chaque fois que vous visualisez DOM, CSS, script, etc., vous obtenez toujours une règle de numéro de ligne complète sur la gauche. Le seul endroit firebug a ceci dans la section de script.

4. Les outils firebug et dev ont tous deux un débogueur javascript complet. Cependant, la possibilité de désactiver les points de rupture sans les supprimer dans les outils de développement est très utile et je l'utilise constamment. Vous pouvez le faire dans firebug mais vous devez décocher une case pour CHAQUE point d'arrêt, irritant. J'adore le fait que JSONObjects apparaissent comme des ressources avec tout le reste au lieu d'avoir leur propre section. Il est facile de voir ce qui se passe en un coup d'œil.

---

Pour autant que je peux dire tout autre semble être le même. Je ne pouvais vraiment pas trouver quelque chose que firebug a fait mieux que les outils de développement. Habituellement quand je pensais que les outils de développement manquaient d'une fonctionnalité de firebug, il s'est avéré que c'était juste dans un endroit différent ou implémenté différemment.Les deux ont un affichage complet de la console. Les deux prennent en charge l'outil popping dans une fenêtre séparée. Les deux prennent en charge plusieurs instances pour plusieurs onglets. Chrome a même des fonctionnalités supplémentaires au-dessus de celles-ci. La capacité d'inspecter le stockage comme le cache, les cookies, etc. Les outils de développement semblent gagner pour moi.

Je vous recommande fortement de vous familiariser avec les outils de développement plutôt que d'utiliser des extensions si vous voulez un excellent débogueur chromé.

Désolé ma réponse était si longue. Je peux écrire un blog en faisant parfois une comparaison plus complète.