Developer Tools in Firefox 11 - 3D DOM Inspector and Live Style Editor

Post by joshuacc » Wed, Mar 14, 2012, 4:40 PM UTC

crazygringo wrote: post #18

meow wrote: post #15

Earlier quoted context omitted.

It's those minor but intuitive things that we get used to when using firebug. For example: 1) The inspect tool is at the bottom on chrome dev tools. It would have been much more intuitive to keep it at the top of the bar. 2) You don't see a change of cursor when hovering over editable properties. People who never used firebug might have gotten used to this but for me it feels clunky. 3) No single click edit. On fireb…

The tiny little detail that drives me nuts is that, in Chrome, to disable a CSS rule, the checkbox is on the right side of the rule, not the left. The problem is that I can't visually tell which checkboxes match which rules, because they're too far away. Even worse, the checkboxes only show up on hover, and disappear when you hover just one pixel to the right of them, because the hover area is set wrong. (At least on…

Post by mcpherrinm » Wed, Mar 14, 2012, 5:02 PM UTC

crazygringo wrote: post #17

robin_reala wrote: post #12

Earlier quoted context omitted.

Firefox shouldn’t be massively slower than Chrome for day-to-day use. The usual advice here: turn off extensions that you’re not actively using. If it’s still slow then you could consider making a new profile, which usually speeds stuff up. http://support.mozilla.org/en-US/kb/Managing-profiles

I never understand people who say Firefox is as fast as Chrome. It's nowhere close, and can't be. My normal use case is to open 15 tabs, all at once, from a single page (e.g. Hacker News homepage). Firefox is single-threaded, as far as I know, and the whole interface freezes while it does the heavy lifting in loading the contents for each new tab. It takes me 30 seconds total of waiting 2-3 seconds for each tab to lo…

Post by jasonlotito » Wed, Mar 14, 2012, 5:32 PM UTC

Destroyer661 wrote: post #5

They seem to be focusing 100% on making dom/css editing pretty but forgetting all about javascript and requests/headers etc. What gives? While this 3D dom stuff looks neat, doesn't make me want to switch from Chrome at all because it's not going to add anything to my day job which does involve DOM/CSS, but also heaps of javascript as well.

Post by robin_reala » Wed, Mar 14, 2012, 5:43 PM UTC

crazygringo wrote: post #23

robin_reala wrote: post #19

Earlier quoted context omitted.

I just tried your experiment on Chrome and yep, it was faster than Firefox, but by no means was Firefox slow. Sure, the UI slowed down a touch for the few seconds it took to load the pages (framerate dropped while I scrolled up and down) but it wasn’t unusable and I definitely didn’t have to wait 30 seconds - didn’t have to wait at all. Maybe I’ve just got a decent-spec machine here at work (quad i5, 12gb ram)…

I use a 2010 MBA (with SSD). Not super-fast, but not ancient either. I would love to be able to scroll while other tabs were starting their loading!

Post by SquareWheel » Wed, Mar 14, 2012, 9:20 PM UTC

meow wrote: post #15

SquareWheel wrote: post #11

Earlier quoted context omitted.

Is there any particular functionality you're missing? Chrome Dev Tools are really comparable in my opinion. I would like a way to tamper data sent in POST, but I don't think even Firebug has that built in.

It's those minor but intuitive things that we get used to when using firebug. For example: 1) The inspect tool is at the bottom on chrome dev tools. It would have been much more intuitive to keep it at the top of the bar. 2) You don't see a change of cursor when hovering over editable properties. People who never used firebug might have gotten used to this but for me it feels clunky. 3) No single click edit. On fireb…