CSS source map support, network performance analysis and more in Firefox DevTools

Re:CSS source map support, network performance analysis and ... by badman_ting on Tuesday February 11, 2014 @01:20PM (#7219219)

Does anyone know how to look at cookies? I seriously cannot find cookies in the Firefox dev tools, the new interface is so irritating and disorienting. Plus I think everyone is just trying to collectively pretend that cookies don't exist anymore.

[ Parent | on HN ]

Re:CSS source map support, network performance analysis and ... by wylee on Tuesday February 11, 2014 @01:28PM (#7219290)

  - open dev tools
  - click on Network tab (far right)
  - make a request (e.g., reload current page)
  - click on one of the entries in the list
  - there's now a tab for cookies on the right

[ Parent | on HN ]

Re:CSS source map support, network performance analysis and ... by bgrins on Tuesday February 11, 2014 @01:31PM (#7219319)

There is also a work in progress to add a better interface for inspecting storage (including cookies): https://bugzilla.mozilla.org/show_bug.cgi?id=926449

[ Parent | on HN ]

Re:CSS source map support, network performance analysis and ... by badman_ting on Tuesday February 11, 2014 @01:58PM (#7219555)

Jesus christ. Thank you, though.

[ Parent | on HN ]

Re:CSS source map support, network performance analysis and ... by wylee on Tuesday February 11, 2014 @04:54PM (#7220748)

It's pretty much the same as Chrome. One thing I see in Firefox that I don't in Chrome, though, is the "edit and resend" feature, which lets you edit a request and resend it. It's pretty cool.

[ Parent | on HN ]

Re:CSS source map support, network performance analysis and ... by robcee on Wednesday February 12, 2014 @11:59AM (#7225434)

Little known feature: There's also a "cookie" command in the GCLI. Shift-F2 to bring up the command line, type "help cookie".

[ Parent | on HN ]

Re:CSS source map support, network performance analysis and ... by rhizome on Tuesday February 11, 2014 @01:24PM (#7219264)

FF Dev Tools have serious usability quirks vs FireBug that prevent me from considering it for anything but FFDT-specific functionality.

[ Parent | on HN ]

Re:CSS source map support, network performance analysis and ... by eterm on Tuesday February 11, 2014 @01:31PM (#7219313)

I also agree that I find FFDT unusable compared to Firebug or Chrome dev tools. I find it hard to pinpoint exactly what it is about it though.

[ Parent | on HN ]

Re:CSS source map support, network performance analysis and ... by masklinn on Tuesday February 11, 2014 @02:41PM (#7219862)

There are lots of things, which is why it's hard to pinpoint. It's a death by thousand cut things.

The unusable console printing of objects was a big one, glad to see it's finally getting somewhat rectified.

(OTOH, Safari has taken the cake as well as the whole kitchen with the new back-asswards development tools, going from perfectly usable ones to the current utter garbage while Chrome's gets better by leaps and bounds)

(meanwhile the one bloody thing they could have, namely Xcode's awesome breakpoint actions pane, they don't integrate)

[ Parent | on HN ]

Re:CSS source map support, network performance analysis and ... by rhizome on Tuesday February 11, 2014 @03:20PM (#7220127)

I'm guessing the browser devtools space is being subjected to the user-hostile practice of "product differentiation."

[ Parent | on HN ]

Re:CSS source map support, network performance analysis and ... by masklinn on Tuesday February 11, 2014 @04:33PM (#7220606)

I'm sure it is, but that's not much comfort when you're forced to use that POS because it's (AFAIK) the only remote debugger for Safari/iOS, and it was previously prefectly serviceable.

[ Parent | on HN ]

Re:CSS source map support, network performance analysis and ... by __david__ on Tuesday February 11, 2014 @04:48PM (#7220718)

I used to agree with you until Firefox 25 or so. In fact, I always tested mainly in FF (as that is my main browser) but I'd switch to chrome when I needed any sort of debugging or inspecting more complicated than reading the console.

But in the past couple revisions, I've found myself going to Chrome less and less often. Hardly ever any more with 27, and never first. Mozilla is making constant improvements and I'm quite happy with them. The debugger seems very solid to me inspector is just as good as chrome. The Chrome profiler's flame-maps are pretty awesome though.

[ Parent | on HN ]

Re:CSS source map support, network performance analysis and ... by __david__ on Tuesday February 11, 2014 @04:53PM (#7220744)

If you just want a list of cookies, I usually look at them from the preferences (Privacy -> Show Cookies) and then use the search to narrow down to the domain I'm looking at. Not quite as good as Chrome's resource browser, but it works.

[ Parent | on HN ]