Firefox DevTools Network Tab: How to filter requests by properties

Firefox DevTools Network Tab: How to filter requests by properties(firefox-source-docs.mozilla.org)

128 points by ekiauhce 1 year ago | 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.

mdaniel 1 year 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

cxr 1 year ago | | |

> see if there's an existing bugzilla for it

Bugzilla is a bug-tracking platform.

flas9sd 1 year 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.

Hakkin 1 year ago | |

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

jonnycomputer 1 year 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.

uallo 1 year ago | |

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

jonnycomputer 1 year ago | | |

I'll check it out. Thank you.

quibono 1 year 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.