![install firebug for chrome install firebug for chrome](https://assets.hongkiat.com/uploads/quicktips/Firebug-bookmark.jpg)
It makes it easy to see what is going on at a quick glance.Īs far as I can tell everything else appears to be the same. I love that JSONObjects just appear as resources along with everything else instead of having their own section. You can do this in firebug but you have to untick a box for EVERY breakpoint, irritating. However the ability to deactivate break points without removing them in dev tools is very helpful and I use it constantly. The only place firebug has this is in the script section.īoth firebug and dev tools have a comprehensive javascript debugger. Every time you view DOM, CSS, script, etc you always get a comprehensive line number rule on the left. Finding line numbers in firebug is very difficult and you can't do it for some content. You get a preview of the images in the resources list and you can actually see which elements are transparent because chrome places the checkerboard behind the image (you do get a preview of the image in firebug but only when hovering over the request node, kind of annoying).Īlso, you can double-click resources and chrome will pop them up in a new tab, VERY nice for when I'm debugging AJAX calls and need to see the formatted exception error in the browser without manually typing in my ajax URLs. The resources tab in dev tools blows the net tab in firebug out of the water. I can quickly click to inspect elements and it expands nodes correctly, taking me to the node I want.
![install firebug for chrome install firebug for chrome](https://i.ytimg.com/vi/nOEw9iiopwI/maxresdefault.jpg)
I used to have a lot of complaints about Dev tools' elements section but now it seems to operate almost exactly the same as firebug. Turns out I like Dev tools way more than firebug after I got used to it. I realized a little later that Chrome had the same things as Firebug just organized a little differently.
![install firebug for chrome install firebug for chrome](https://www.ghacks.net/wp-content/uploads/2016/12/firebug-firefox.png)
I went through and figured out exactly how they were different. It took a bit to adjust and I kept getting confused so I developed a test page on my box and I set them up side by side, firebug on my left monitor and dev tools on my right. Chrome's developer tools has come a long way over the last year.