Browser plugin to resize window for brower testing

Question

When im making a website i work on my 22" external display, which is fine, but to get a better idea of what the site will look like on smaller screens i have to resize my browser window.

At the moment i use http://resizemybrowser.com/ (which also has a safari extension) but i was wandering if theres a firefox or chrome browser plugin that dose somthing similar, ive searched but so far been unable to find anything.

Solution 1

Was just digging around in firefox and found that it also has a "Responsive design" mode. Go to Web Developer → Responsive Design View.

You'll get a dropdown with preset resolutions afterwards:

Solution 2

This is actually a built-in feature in Chrome.

1. Open the DevTools (F12)

2. Open the Settings

   

3. Set the size you want for your window in the Overrides panel.

   

Note: When selecting a User Agent in that panel, Chrome will automatically try to pick the correct device metrics for the selected agent.

Solution 3

For Chrome you can use Window Resizer. Fore Firefox, you can use Firesizer.

Comments

[MDMoore313]

What tools are you using for web development?

[Charles Wesley]

Note that in December 2013 some controversy arose with this plugin after an update started redirecting Google searches through a third party

[Kamal Reddy]

Is there an api for this option ? Like for changing it from inside addon code?