Quelles sont les fonctionnalités Firebug qui a Chrome ' s Developer Tools n’a pas ?

Question

Je suis un novice développeur web, et j'ai eu Firebug recommandé pour le débogage à plusieurs reprises. Jusqu'à présent, cependant, je viens d'utiliser Chrome intégré dans "Outils de développement". Il semble faire tout ce que Firebug ne, et est plus propre et plus organisé comme un bonus.

Comme je reçois plus avancé dans mon débogage, il y a des fonctionnalités qui Firebug a qui je vais manquer avec des Outils de développement Chrome? Si oui, quels sont-ils?

Connexes: Firebug-comme débogueur pour Google Chrome (un peu out-of-date)

Answer 1

J'ai utilisé Firebug depuis le début et il a été une aubaine comme l'invention du feu. Mais alors, Chrome est sorti avec son débogueur et je l'ai essayé. J'ai gardé à l'aide de Firebug, mais gardait un œil sur Chome s outils de dev et enfin ne pouvait plus venir avec une raison de ne pas basculer après JSON outils ont été ajoutés en v12.

Chrome DevTools botter les fesses parce qu'il a:

• Construit dans la Timeline, Profiler et le Tas de l'analyseur
• Construit dans l'outil de Vérification
• Peut accéder et modifier Local/SessionStorage, les Cookies, SqlLite de la DB, WebSQL, AppCache etc...
• Les WebSockets réseau reniflant
• MAJ+ÉCHAP pour obtenir une détaillé le gestionnaire des tâches de tous les Chrome les processus et les FPS de chaque page
• JSON et XML, les téléspectateurs sont à construire, donc vous n'avez pas besoin d'un plugin pour inspecter les réponses
• JS de la Syntaxe y est intégré, pas besoin d'un plugin
• JS débogueur a beaucoup plus de fonctionnalités (WebWorker/XHR/DOM/Event des points d'arrêt)
• JS débogueur affiche un élément auditeurs et le fichier js/ligne ils sont venus de l' (génial!)
• JS débogueur vous permet de modifier JS à la volée et l'exécuter (JSFiddle w/o le violon)
• Le débogueur ne tombe pas en panne et n'a pas de fluage (comme FBug)
• Script du panneau ne pas se détraque (jamais voir le code pour les 3 fichiers JS recouvert par de bug dans FB?)
• Chaque fenêtre obtient un Dev de la fenêtre, si vous le souhaitez; Firebug est un singleton
• FBug perturbe la page parce que c'est un plugin, Chrome est natif, donc c'est négligeable

Ces peut sembler moins important que juste CSS outils qui ont tous deux, mais si vous êtes fait graves, de haute performance des applications HTML5, google Chrome, outils de Dev sont les meilleurs billets dans la ville.

Pour la plupart, je pense que les gens seulement s'accrocher à Firebug, car ils l'ont utilisé pendant une longue période et de se sentir proche d'elle. Essayez de faire de l'interrupteur, vous ne pourrez pas revenir en arrière.

Mise à JOUR: 2 ans plus tard, je dois féliciter le FF équipe pour faire d'énormes percées. Cela dit, le Chrome de l'équipe et le débogueur de faire d'énormes bonds en avant sur une base mensuelle, leader de l'industrie. Je mettrais à jour la liste ci-dessus, mais franchement, il serait de remplir la page entière.

Answer 2

Je n’ai pas exécuter dans une fonction de Firebug, que j’ai raté encore après le passage en Chrome.

Answer 3

Le Webkit Outils de développement est basé sur Firebug, donc toutes les fonctionnalités et la familiarité sont là (comme l' $0, et console objet).

Il y a quelques petites différences, telles que les DevTools n'a pas un onglet CSS (bien que les feuilles de style CSS peut être manipulé dans l'onglet Éléments).

Le Webkit Outils ont également la Timeline, de Profils et de Stockage des onglets. L'onglet plan chronologique des journaux de chargement, de rendu CSS et JS script. Le Profil de l'onglet profils d'utilisation des ressources, et l'onglet storage (Stockage) affiche et permet de modifier dans la base de données du site, localStorage, sessionStorage, et les cookies.

Enfin, les deux outils ont leurs propres variantes mineures, qui font de diverses actions un petit peu plus facile ou plus difficile. Mon conseil est d'utiliser Firebug pour Firefox, et DevTools pour les navigateurs Webkit, depuis que Firebug Lite fonctionne sur Chrome, et il manque de nombreuses fonctionnalités normales de firebug a (et DevTools est intégré dans Chrome).

Answer 4

Je me sens beaucoup plus à l'aise à l'aide de Firebug. Je ne vois pas de détails pour le moment, mais parfois, je vais essayer de débogage quelque chose dans Safari ou Chrome, et il semble comme un pain PITA que je lance Firefox et obtenir ce fait rapidement.

L'onglet DOM est un plus, pour une. C'est plus accessible et bien aménagé que le Chrome, l'équivalent de l'. Je préfère la façon dont DOM et d'autres objets JS êtes connecté à la console de Firebug, trop.

Firebug plugins comme Pixel Perfect sont aussi très utiles. Je ne sais pas si un tel outil existe pour Chrome.

Dans l'ensemble, il n'a pas d'importance parce que vous avez à tester dans les deux navigateurs, de toute façon. Et IE, donc peut ainsi le comparer à d'IE outils de Dev (qui ont amélioré, mais encore ne sont pas bonne par rapport à FF ou Webkit).

Je ne pense pas qu'il n'y a rien avancé, en particulier, présente dans Firebug, mais pas dans google Chrome que vous serez absent.

Answer 5

EDIT: cette habitude d’être vrai, mais Chrome Dev Tools mis en œuvre.

Firebug pouvez rechercher dans tous les scripts chargés sur une page. Chrome Dev Tools peut chercher dans le script sélectionné, autant que je sache.