For mobile-first development, I'm looking for a browser plugin to open a domain in a responsive viewport by default.
My current workflow involves designing in Firefox on the desktop, then sometimes checking mobile layouts using 'View Responsive Layouts' from the Web Developer plugin. Depending on QA feedback, who test on devices, I might look at the site in an emulator or an actual device.
But, for this upcoming project, we are focusing on mobile-first development, so I want to alter my workflow so that I am developing for mobile, first.
I understand that a resized desktop browser isn't an actual mobile device, but I want to at least take this first step. If it isn't sufficient, I might switch to primarily using an emulator or device.
Is there a browser plugin that will open a particular domain in a mobile-sized viewport by default? I use Firefox primarily, but I'm open to any major browser if a plugin is available for something other than Firefox.
The responsive layout resizings that the Web Developer plugin offers are:
- Mobile portrait (320x480)
- Mobile landscape (480x320)
- Small tablet portrait (600x800)
- Small tablet landscape (800x600)
- Tablet portrait (768x1024)
- Tablet landscape (1024x768)