Skip to Main Content

Develop and Test Websites for Multiple Devices Using New Firefox Tools

Update: Wait, there’s more! As you know, tech changes quickly, so we’ve got more to say on this matter. Check out our post Multi-Device Testing Using Firefox and Chrome to learn more.

In a recent Firefox Nightly release, Firefox has added a “Responsive Mode” to their built-in web developer tools. The new Responsive Mode tool creates a window inside of your web browser that can be dragged to test your responsive website at different viewport dimensions, includes presets for common device dimensions in a drop-down menu, and also has a nifty “Rotate” button to toggle the currently selected viewport dimensions between portrait and landscape modes.

I’ve played around with Responsive Mode in a pre-release of Firefox 16 and I like it a lot. You can of course test responsive designs already in any web browser by dragging the viewport to narrower dimensions, but I like the new Responsive Mode tool better.

Watch the short screencast I recorded demonstrating it’s capabilities:

One feature I hope they’ll add is the ability to add your own custom presets for device dimensions.

The feature should be present in FF15 and later, to be released later this year, probably around September 2012.