CODEWITHSUNDEEP
firefox-addonfirefox-developer-tools
Rockstar5645
Rockstar5645

Reputation: 4518

How to emulate chrome browser for mobile devices in firefox developers edition

Chrome has a nice feature that allows you to emulate devices in the developers console. But I like the style editor packaged with the new firefox (developers edition). How would we emulate a device, like we can in chrome?

emulating a device

Upvotes: 6

Views: 2959

Answers (1)

Luca Detomi
Luca Detomi

Reputation: 5716

Chrome specific feature is not limited to "screen size" (effectively window size) that is possible also with Firefox Inspector as suggested in a comment by Noitidart and reported here for completeness:

  • You can press Ctrl + Shift + M (will open the "Responsive Design View")
  • Also accessible from "Main Menu" > "Developer" > Reponsive Design View
  • Select "Responsive Design View" button in the Toolbox's toolbar

(further references about this in this link Responsive Design View)

Chrome instead, emulates also User Agent, for example to trigger specific JS UA checks that enable specific device detection features created by web application authors.

Currently, Firefox does not have this kind of feature natively but it was requested several times in official community and it seems in development:

Anyway, you can compensate with some addons like:

Upvotes: 3

Related Questions