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

Question

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?

Answer 1

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:

• Can you please add user agent switcher in tool?
• Give me a way to fully emulate the mobile browser in FF desktop

Anyway, you can compensate with some addons like:

• User Agent Switcher
• User Agent Changer