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

jQuerify is the perfect extension to embed jQuery into Chrome Console and is as simple as you can imagine. This extension also indicates if jQuery has been already embedded into a page.

This extension is used to embed jQuery into any page you want. It allows to use jQuery in the console shell (You can invoke Chrome console by Ctrl + Shift + j".).

To embed jQuery into the selected tab click on extension button.

Answer 2

F12 (only on Linux and Windows)

OR

Ctrl ⇧ I

(⌥ ⌘ I if you're on Mac)

Answer 3

Firebug Lite supports to inspect HTML elements, computed CSS style, and a lot more. Since it's pure JavaScript, it works in many different browsers. Just include the script in your source, or add the bookmarklet to your bookmark bar to include it on any page with a single click.

http://getfirebug.com/lite.html

Answer 4

Forget everything you all needs this browser independent inspector , dom updater

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

just bookmark and go to any webpage and click that bookmark..

this is actually Mozilla project Goggles , amazing amazing amazing...

Answer 5

Please try Firebug Lite for Google Chrome

Answer 6

Or try user scripts: http://dev.chromium.org/developers/design-documents/user-scripts