Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Firefox Developer Tools – Editable box model, Sublime Text keys

hacks.mozilla.org

Post reply on HN
Print view View original

21–30 of 118 posts

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

#21

Post by mixedbit »

mundanevoice wrote: post #9
james33 wrote: 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.

Same here. I still feel Firefox devtools are not innovating fast enough. Chrome workspaces and a lot of other useful features are just not present in Firefox. I feel that's one of the major reason I could never migrated to Firefox professionally. I am also quite impressed with IE 10 & 11 devtools. It is really useful and has clean UI and UX. In short I could say that: Chrome Devtools > Firebug > IE devtools > Firefox…

I'm a long time Firefox fan, but very recently I played for the first time with IE 11 memory profiler and I must say, this is the best profiler out there.

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

#22

Post by mixedbit »

johnward wrote: post #19
diggan wrote: post #11

Earlier quoted context omitted.

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?

Mozilla maintains firebug.

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

#23

Post by mnemonik »

jolt wrote: post #12

Is it only on Mac it shows the actual status codes on the network tab? On Windows i have to hover the little icon in the first column, which is really annoying when I'm trying to figure out if my caching is working correctly.

Sounds like your windows copy of firefox might be the main release channel. The numeric status codes have been in since 30 (currently Beta). You can hop on Aurora (or Beta, or Nightly, but Aurora is generally best for web devs), or just wait about 6 weeks for the next uplift.

https://bugzilla.mozilla.org/show_bug.cgi?id=972054

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

#24

Post by smalu »

leeoniya wrote: post #20
diggan wrote: post #11

Earlier quoted context omitted.

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 chang…

You can enable logging XMLHttpRequests in dev tools settings (gears icon on bottom-right edge) -> console

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

#26

Post by pbhjpbhj »

mnemonik wrote: post #23
jolt wrote: post #12

Is it only on Mac it shows the actual status codes on the network tab? On Windows i have to hover the little icon in the first column, which is really annoying when I'm trying to figure out if my caching is working correctly.

Sounds like your windows copy of firefox might be the main release channel. The numeric status codes have been in since 30 (currently Beta). You can hop on Aurora (or Beta, or Nightly, but Aurora is generally best for web devs), or just wait about 6 weeks for the next uplift. https://bugzilla.mozilla.org/show_bug.cgi?id=972054

Is there an Ubuntu repo for Aurora that I'm missing or do I need to use the tarball.

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

#27

Post by quarterto »

The main thing that drove me back to Chrome for web dev was the performance. Firefox would hang for ~30 seconds trying to load source maps for our 150+ modules. Since it's single-threaded, this locks up the entire UI every time our app loads with dev tools open. And if it pauses on an exception during this 30 seconds, good luck trying to do anything for the next five minutes.

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

#28

Post by magicalist »

aroman wrote: post #17
Dirlewanger wrote: post #15

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.

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

Yes, No, Yes (both get multi-cursor from CodeMirror 4)

> Sure, the cURL copy thing and style support in the console were first implemented in WebKit (not Chrome or Blink)

small correction: that predates Blink[1] so there's wasn't a distinction between WebKit's Web Inspector and Chrome DevTools back then.

Personally my favorite thing unique to Firefox DevTools is their built-in WebGL debugger, which seems to have gotten a lot more attention from them than Chrome's experimental Canvas Inspection which has some similar aspects. Supporting it helps probably .1% of the number of developers needing better CSS tools and whatnot, so I understand the prioritization, but it's still an awesome tool for those of us who do need it.

[1] https://bugs.webkit.org/show_bug.cgi?id=107276

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

#29

Post by dannysu »

nawitus wrote: post #6

Looks cool. Still waiting for the localStorage inspector. I don't know how one can live without it..

I missed it coming from Chrome, but you can see what's stored in localStorage for a particular site by bringing up the console and typing localStorage just like how a web app can access it.

Don't know a way to see localStorage for everything like in Chrome, but I don't miss it anymore.

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

#30

Post by sp332 »

pbhjpbhj wrote: post #26
mnemonik wrote: post #23

Earlier quoted context omitted.

Sounds like your windows copy of firefox might be the main release channel. The numeric status codes have been in since 30 (currently Beta). You can hop on Aurora (or Beta, or Nightly, but Aurora is generally best for web devs), or just wait about 6 weeks for the next uplift. https://bugzilla.mozilla.org/show_bug.cgi?id=972054

Is there an Ubuntu repo for Aurora that I'm missing or do I need to use the tarball.

First Google result https://launchpad.net/~ubuntu-mozilla-daily/+archive/firefox...
Post reply on HN