Firebug-like debugger for Google Chrome

Question

Is there anything like Firebug that you can use within Google Chrome?

Essential features I would like:

• Inspect HTML source (select elements, delete the

Answer 1

Try this, it's called Firebug Lite and apparently works with the beta version of Chrome.

You can also find it at: https://chrome.google.com/extensions/

Answer 2

You can set this bookmarklet in your "Bookmarks Bar" in order to have Firebug lite always available in Chrome/Chromium browser (put this as the 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);

Answer 3

There is a Firebug-like tool already built into Chrome. Just right click anywhere on a page and choose "Inspect element" from the menu. Chrome has a graphical tool for debugging (like in Firebug), so you can debug JavaScript. It also does CSS inspection well and can even change CSS rendering on the fly.

For more information, see https://developers.google.com/chrome-developer-tools/