Chrome tells you the used font for a single element on a pretty generic level, e.g. "Lato — Local file" or "Lato — Network resource".
Firefox Inspector has a Fonts tab that lets you list all the fonts used on a page. It tells you a more specific font name, e.g. "Lato Regular", the relevant @font-face rule and also the font URL if it's a network resource.
https://developer.mozilla.org/en-US/docs/Tools/Page_Inspecto...
Hum... Firefox does that. I know because every time I mistakenly start saving I ask what is the point of it. But well, looks like it's useful for somebody.
Also, how can I edit code? It is non editable for me.
I believe you can activate it on the main build too, but I don't know how. Anyway, if you are debugging code, I highly recommend the developer version.
1 - That is a different configuration of the same code as the main build, for web developers. It's not for developing Firefox itself.
Cannot confirm at all. I do not know any feature in ff dev tools I am missing in chrome, but the other way around lots of it.
Mainly: editing and saving directly in the debugger!
Could also be my ignorance, but I regulary do debugging in FF and it works, but way less efficient.
Meaning I browse with FF, but work with chrome.