Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

Are there any applications equivalent to Firbug to work on Google Chrome?

share|improve this question

6 Answers 6

up vote 11 down vote accepted

Ctrl-Shift-J will display the built in JavaScript console.

Plugins are coming soon

http://dev.chromium.org/developers/design-documents/extensions

Josh

share|improve this answer
    
The first answer, so accepted! –  Galilyou Jul 15 '09 at 13:03
3  
You shouldn't accept an answer just because it's first. You should accept it because it is the best answer to your question. –  MatrixFrog Jan 5 '10 at 20:32
    
@MatrixFrog - true dat .. but his answer (IMO) is still the best. The built in Developer Tools are equivalent to FireBug's tools -- for most general things. Definitely a good start. –  Pure.Krome Jul 23 '10 at 1:18
    
The better answer is CTRL+SHIFT+I instead of CTRL+SHIFT+J. The J takes one to javascript console, while the I takes one to the HTML part. But CTRL+SHIFT+I has a tab for Console as well. –  Volomike Jan 29 '11 at 5:13

You can embed Firebug Lite into your web pages to get Firebug features in non-FF browsers.

share|improve this answer

Chrome has it's own DOM-explorer built in I believe.

share|improve this answer
1  
Good answers include how to get to it. –  crb Jul 15 '09 at 12:46
1  
Right-click on the document and select "Inspect element". –  Lasse V. Karlsen Jul 15 '09 at 12:51

If don't like the Chrome's console you may use Firebug Lite bookmarklet : http://getfirebug.com/lite.html

share|improve this answer

Firebug Lite now exists as a native Chrome extension.

It has some limitations, but I much prefer it to the bookmarklet and hopefully the missing functionality will come in time.

Now we just need the plugins as well :D

share|improve this answer

There is an inspector built into WebKit (and thus Chrome) already, which does many of the same things as Firebug on Firefox. Find it under the Page menu, Developer, "JavaScript Console", or right-click anything on a page and select "Inspect element" to get to that element in the inspector.

The "Resources" tab can show you a view similar to the "Network" view in Firebug.

inspector screenshot

share|improve this answer
    
Sounds nice, it just works on the markup level (i.e. I can select an item on the inspector window, and it will be highlighted on the page, but not vice-versa). –  Galilyou Jul 15 '09 at 12:54

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.