[html] Débogueur de type Firebug pour Google Chrome


Answers

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

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)



Oubliez tout ce dont vous avez besoin, cet inspecteur indépendant du navigateur, dom updater

https://goggles.webmaker.org/en-US

marquez simplement un signet et accédez à une page Web, puis cliquez sur ce favori.

c'est en fait Mozilla project Goggles, incroyable incroyable incroyable ...




Eh bien, il est possible d'activer les scripts Greasemonkey pour Google Chrome, alors peut-être qu'il existe un moyen d'installer Firebug en utilisant cette méthode? Firebug Lite fonctionnerait également, mais ce n'est pas le même sentiment que d'utiliser le plein de fonctionnalités :(

willshouse.com/2009/05/29/install-greasemonkey-for-chrome-a-better-guide/




F12 (seulement sur Linux et Windows)

OU

Ctrl I

( je si tu es sur Mac)




F12

J'aime les raccourcis




Vous pouvez définir ce bookmarklet dans votre "Barre de favoris" afin que Firebug Lite soit toujours disponible dans le navigateur Chrome / Chromium (mettez ceci comme URL):

javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);



jQuerify est l'extension parfaite pour intégrer jQuery dans la console Chrome et est aussi simple que vous pouvez l'imaginer. Cette extension indique également si jQuery a déjà été intégré dans une page.

Cette extension est utilisée pour intégrer jQuery dans n'importe quelle page que vous voulez. Il permet d'utiliser jQuery dans le shell de la console (vous pouvez appeler la console Chrome en appuyant sur Ctrl + Shift + j ".).

Pour intégrer jQuery dans l'onglet sélectionné, cliquez sur le bouton d'extension.






Related