Firefox DevTools Network Tab: How to filter requests by properties (opens in new tab)

(firefox-source-docs.mozilla.org)

128 pointsekiauhce1y ago10 comments

10 comments

I wish there was a way to save or "favourite" filters. I often find setting them up to be tedious enough that I just scroll through everything instead.

mdaniel1y ago

You may want to see if there's an existing bugzilla for it, so you can track its progress, or the less ... bugzilla-y ... way may be to ask in their Discourse https://discourse.mozilla.org/c/devtools

cxr1y ago

> see if there's an existing bugzilla for it

Bugzilla is a bug-tracking platform.

1 more reply

flas9sd1y ago

thanks for the PSA, I use the network tab alot and was still unaware. If you hover in the field the '?' symbol will actually link to this help page.

when you filter the requests and export an .har, the archive will include only the requests listed. For adhoc extraction I then poke at the har with jq to get what I need.

Hakkin1y ago

TIL HAR files are just JSON, I always assumed they were some kind of binary archive file. Very convenient.

jonnycomputer1y ago

I'd like to know if there is a way to have FF developer tools automatically update CSS like Chrome does if you add a directory to its sources tab. Very useful.

uallo1y ago

In the "Style Editor", you can create new or open existing CSS files in the style sheets pane on the left.

jonnycomputer1y ago

I'll check it out. Thank you.

quibono1y ago

I find Firefox dev tools to be so much better than Chrome's. I know at least 2 people I got to switch main browser just on the basis of that.

j / k navigate · click thread line to collapse

10 comments

kristiandupont1y ago

I wish there was a way to save or "favourite" filters. I often find setting them up to be tedious enough that I just scroll through everything instead.

mdaniel1y ago

You may want to see if there's an existing bugzilla for it, so you can track its progress, or the less ... bugzilla-y ... way may be to ask in their Discourse https://discourse.mozilla.org/c/devtools

cxr1y ago

> see if there's an existing bugzilla for it

Bugzilla is a bug-tracking platform.

1 more reply

flas9sd1y ago

thanks for the PSA, I use the network tab alot and was still unaware. If you hover in the field the '?' symbol will actually link to this help page.

when you filter the requests and export an .har, the archive will include only the requests listed. For adhoc extraction I then poke at the har with jq to get what I need.

Hakkin1y ago

TIL HAR files are just JSON, I always assumed they were some kind of binary archive file. Very convenient.

jonnycomputer1y ago

I'd like to know if there is a way to have FF developer tools automatically update CSS like Chrome does if you add a directory to its sources tab. Very useful.

uallo1y ago

In the "Style Editor", you can create new or open existing CSS files in the style sheets pane on the left.

jonnycomputer1y ago

I'll check it out. Thank you.

quibono1y ago

I find Firefox dev tools to be so much better than Chrome's. I know at least 2 people I got to switch main browser just on the basis of that.

j / k navigate · click thread line to collapse