How to emulate Chrome mobile browser in firefox developer editor

Question

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

Answer 1

The Chrome feature is not limited to the "screen size" (actually the window size), which is also possible with the Firefox Inspector, as suggested in a comment from Noitidart , and reported here for completeness:

• You can press Ctrl + Shift + M (will open "Responsive Design")
• Also available from "Main Menu"> "Developer"> "Fault-tolerant Design"
• Select the Responsive Design button on the toolbar toolbar.

(additional links about this in this link Responsive Design>)

Chrome also emulates a User Agent instead, for example, to run certain JS UA checks that allow you to use special device discovery features created by web application authors.

Currently, Firefox does not have this capability initially , but it has been requested several times in the official community and seems to be in development:

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

In any case, you can compensate for some additions, for example:

• User Agent Switcher
• User agent changer