This is a proposal for a new feature that is not yet in development.
Responsive design tooling and device emulation should be available in main browser window without the DevTools being open.
The current implementation of device emulation and responsive design tooling requires DevTools to be open. This means that single screen users will have not much space in the browser to emulate high resolution devices without having to zoom out.
Multi screen users can dock the developer tools to another screen, but will have a disconnect between using the elements picker and seeing the result on a different screen.
The original tooling idea was to see an emulated device or resize the viewport and use the tools to debug and edit the product. This assumes that every user of this functionality will be a developer who works on the project. There is, however, a much larger group of designers, testers and power users who would benefit from being able to spot check products in different resolutions and emulated devices without having DevTools open as they are just wasted screen estate for them.
Enable all users to
Firefox also has an emulation bar that is available independent of Developer tools being open.
The main question to answer now is one of discovery. How would users not familiar or interested in Developer Tools be able to find this functionality?
Have feedback? We want to hear it! Issue #83 tracks community feedback on this explainer.