3 ms·

I always hear people say this, but they never give examples.

doix 3y ago
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.
neals 3y ago
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.
- davidhaymond 3y ago
  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.
  - cvladan 3y ago
    Chrome is inferior here in this area. Because you can activate mobile view in Firefox WITHOUT devtools opened, but in Chrome that's impossible. Lot of times I hated this at Chrome. Also, that shortcut in Firefox will immediately give you mobile view, and in Chrome not as you first need to type shortcut for Devtools.
- Garrrrrr 3y ago
  ...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)
  - neals 3y ago
    Yes, really. I'm sorry to disappoint you that I couldn't find the button. It's very much possible though.
- PetitPrince 3y ago
  > 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/responsive_design_mode/index.html https://firefox-source-docs.mozilla.org/devtools-user/respon...
deadbunny 3y ago
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!".

doix 3y ago

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.

neals 3y ago

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.

davidhaymond 3y ago
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.
- cvladan 3y ago
  Chrome is inferior here in this area. Because you can activate mobile view in Firefox WITHOUT devtools opened, but in Chrome that's impossible. Lot of times I hated this at Chrome. Also, that shortcut in Firefox will immediately give you mobile view, and in Chrome not as you first need to type shortcut for Devtools.
Garrrrrr 3y ago
...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)
- neals 3y ago
  Yes, really. I'm sorry to disappoint you that I couldn't find the button. It's very much possible though.
PetitPrince 3y ago
> 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/responsive_design_mode/index.html https://firefox-source-docs.mozilla.org/devtools-user/respon...

deadbunny 3y ago

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!".