Fair enough. I just started the latest version and must say, it has really improved. Quality of life probably means I have to look a bit more for where stuff is. And hey, they might have some stuff that Chrome doesn't have, right?
So my first one is 'Chrome devtools has a little button to instantly switch to mobile view, where you simulate (more or less) the viewport of various mobile devices'. I don't see this in Firefox.
> So my first one is 'Chrome devtools has a little button to instantly switch to mobile view, where you simulate (more or less) the viewport of various mobile devices'. I don't see this in Firefox.
The icon is slightly different and is in a different place (same vicinity though, somewhere on the top-right), but the "Responsive Design Mode" is equivalent to Chrome's "Device Toolbar". See https://firefox-source-docs.mozilla.org/devtools-user/respon...
It's called Responsive Design Mode, and it's the third button from the the right on the top bar. Even better, use the shortcut Ctrl-Shift-M, which works even when devtools is closed.
...Really? It's the icon on the top-right of the Fx dev tools menu that looks like a mobile device. Also, both Chrome and Fx use the same keyboard shortcut to activate mobile view (Ctrl + Shift + M)
The debugger and the source map loading are noticably slower. The DOM browser is slower as well and I get things shifting a few pixels up/down randomly in there.
On the bright side, it keeps a running diff of the css changes you make. Super useful when you're trying to fix some stupid layout thing, get it working and then forget all the changes you made.
Because their examples are always "it's not exactly the same as Chrome devtools, it has all of the same features but they aren't a pixel perfect replication!".
So my first one is 'Chrome devtools has a little button to instantly switch to mobile view, where you simulate (more or less) the viewport of various mobile devices'. I don't see this in Firefox.