Live data from Hacker News

Firefox Developer Tools – Editable box model, Sublime Text keys

hacks.mozilla.org

11–20 of 118 posts

Re: Firefox Developer Tools – Editable box model, Sublime Text keys

#11
post #8
post #4

Wow, I'm really impressed with the strides Mozilla has been making on this front. Chrome has long had the best dev tools and is one of the reasons I hardly ever use Firefox anymore. Once these updates land it may be on par or even better. Excited to see true competition on the dev side of things now.

Firebug is still unbeatable, chrome dev has a lot to catch up.

Long time ago I used Firebug. What do you see is better in Firebug than Chrome Devtools?

Re: Firefox Developer Tools – Editable box model, Sublime Text keys

#13
post #4

Wow, I'm really impressed with the strides Mozilla has been making on this front. Chrome has long had the best dev tools and is one of the reasons I hardly ever use Firefox anymore. Once these updates land it may be on par or even better. Excited to see true competition on the dev side of things now.

This is probably a really dumb question, but is there any way to get Firefox to limit console output to just the current window? I've had a tab open (Grooveshark, in this case) leak messages over into what I'm actually trying to debug, and it's pretty annoying.

As far as I know, the console embedded in the page (ctrl+shift+k) show events only from that page, while the browser console (ctrl+shift+j) show events from all the tabs.

I don't know if there is a way to decide which tabs get logged in the browser console.

Re: Firefox Developer Tools – Editable box model, Sublime Text keys

#16
I was surprised when I first saw Copy as cURL in Chrome... and very happy to see it here. It makes for a great base test case... now if the api client tools would only take one of these curl commands and set the settings for a request.

I think it's almost funny, but a cURL command line could become the common interface for many tools.

Re: Firefox Developer Tools – Editable box model, Sublime Text keys

#17

Oh look, a bunch of updates to catch up to Chrome's tools again .

Unless I'm sorely mistaken, that's very wrong.

Does Chrome have in-REPL stack traces? An eyedropper tool? Multiple cursor support?

Sure, the cURL copy thing and style support in the console were first implemented in WebKit (not Chrome or Blink), but I think most of these features are leapfrogging Chrome's capabilities, not only attaining parity.

Re: Firefox Developer Tools – Editable box model, Sublime Text keys

#18

The add-on debugger is the big part of this update. Add-on dev is a pain in the ass on Firefox, and I hope this helps.

I agree. I don't have much experience, but writing an addon for Firefox was a pain. When debugging, it's a constant "cfx run", read cryptic output, close browser, try to fix, rinse and repeat.

Compare it with Chrome where you can see the error, it show where the problem is and you can even edit/patch the addon live without having to restart the browser.

Re: Firefox Developer Tools – Editable box model, Sublime Text keys

#19
post #11
post #8

Earlier quoted context omitted.

Firebug is still unbeatable, chrome dev has a lot to catch up.

Long time ago I used Firebug. What do you see is better in Firebug than Chrome Devtools?

I think the chrome devs did a good job of incorporating the best firebug features. The things that I find better in Firebug are mostly add-ons. For example I work with xpath a lot so firepath work awesome and ties into firebug seamlessly. I haven't found a tool that works as well on chrome.

I also wonder why Mozilla didn't attempt to acquire firebug instead of building their own tools from scratch?

Re: Firefox Developer Tools – Editable box model, Sublime Text keys

#20
post #11
post #8

Earlier quoted context omitted.

Firebug is still unbeatable, chrome dev has a lot to catch up.

Long time ago I used Firebug. What do you see is better in Firebug than Chrome Devtools?

my peeves (in order of annoyance, desc):

- inspecting ajax responses in console without flipping to net panel, then hunting for the correct request.

- keeping an inspected/selected html element highlighted on page, not just on mouseover so you can see element bounds. this is useful for tweaking sizing, padding, margins and position.

- as-i-type updating of html rather than on blur

- live highlighting html as it changes

- multiline console

- can't arrange the console tab to be first or arrange the tabs in my most frequently used order. to be fair, FB doesnt offer this either, but I like the console to be first since i spend 90% of my time there in FB, probably cause it's much more useful than chrome's.

there's more that dont immediately come to mind, but not having the first 2 is a major nuisance and productivity killer.

Post reply on HN