5 ms·

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

by 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...

by neals 3y ago

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