Search code examples
htmlcssgoogle-chromedebuggingfirebug

Firebug-like debugger for Google Chrome


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

Essential features I would like:

  • Inspect HTML source (select elements, delete them, etc.)
  • check CSS values (the built-in solution is weird, somehow)

Solution

  • 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/