Débogueur de type Firebug pour Google Chrome

Question

Y at-il quelque chose comme Firebug que vous pouvez utiliser dans Google Chrome?

Caractéristiques essentielles J'aimerais:

• Inspectez la source HTML (sélectionnez les éléments, supprimez-les, etc.)
• vérifier les valeurs CSS (la solution intégrée est bizarre, en quelque sorte)

Answer 1

Un outil similaire à Firebug est déjà intégré dans Chrome. Faites un clic droit n'importe où sur une page et choisissez "Inspecter l'élément" dans le menu. Chrome a un outil graphique pour le débogage (comme dans Firebug), donc vous pouvez déboguer JavaScript. Il fait aussi bien l'inspection CSS et peut même changer le rendu CSS à la volée.

Pour plus d'informations, voir https://developers.google.com/chrome-developer-tools/

Answer 2

Firebug Lite prend en charge pour inspecter les éléments HTML, le style CSS calculé, et bien plus encore. Comme il s'agit de JavaScript pur, il fonctionne dans de nombreux navigateurs différents. Ajoutez simplement le script dans votre source ou ajoutez le marque-page à votre barre de favoris pour l'inclure sur n'importe quelle page en un seul clic.

http://getfirebug.com/lite.html

Answer 3

Juste en ajoutant quelques points que quelqu'un qui utilise Firebug / Chrome Inspecteur de tous les jours:

1. Au moment de la rédaction, il y a seulement Google inspecteur DOM et non il n'a pas toutes les fonctionnalités de Firebug

2. L'inspecteur est une version 'lite' de Firebug: L'interface n'est pas aussi bon l'OMI, de l'élément d'inspection dans les deux dernières versions, est maintenant maladroit, mais Firebug est encore mieux, je me retrouve à essayer de trouver l'amour de Chrome (puisque c'est mieux, plus rapide navigateur de l'expérience), mais pour le travail de développement, il reste juste le suce pour moi.

3. L'aperçu en direct / modification des DOM / CSS est encore meilleur en Firebug; calcul du CSS et du modèle de boîte vue sont mieux dans Firebug;

4. En quelque sorte, c'est juste plus facile à lire/utiliser Firebug peut-être en raison de la facilité de navigation, la manipulation/modifier le document dans plusieurs domaines clés? Qui sait. Je suis habitué à l'interface et je pense que Chrome Inspecteur n'est pas aussi bon bien que c'est une chose subjective, je l'avoue.

5. Les Cookies/onglet Net sont extrêmement utile pour moi dans Firebug. Peut-être Chrome Inspecteur a cela maintenant? La dernière fois que j'ai vérifié, il n'a pas, parce que Chrome se met à jour en arrière-plan, sans intervention de votre part (obtient votre consentement par défaut comme tous les bons maîtres).

6. Dernier point: Le jour que Google Chrome obtient un complet Firebug est le jour de Firefox fondamentalement meurt pour les développeurs car Firefox a 3 ans pour faire de Firefox le moteur de rendu Gecko aussi vite que WebKit et ils n'ont pas. Désolé pour le mettre si crûment, mais c'est la vérité.

Vous voyez, maintenant tout le monde veut aller loin de Flash en lieu et place de jQuery motivés par des mobiles de l'accessibilité et de l'interactivité (iPhone, iPad, Android) et JavaScript est " tout à coup une grosse affaire (c'est du sarcasme), de sorte que le navire a navigué, Firefox. Et cela me rend triste, comme Mozilla fanperson. Chrome est tout simplement un meilleur navigateur jusqu'à ce que Firefox de mises à niveau de leur moteur JavaScript.

Answer 4

F12

J’adore les raccourcis

Answer 5

Essayez ceci, on l’appelle Firebug Lite et apparemment fonctionne avec la version bêta de Chrome.

Vous pouvez également le trouver à : https://chrome.google.com/extensions/