9

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.

2
  • What tools are you using for web development?
    – MDMoore313
    Mar 15, 2013 at 11:42
  • sublime text and dreamwaver but i find myself leaning more toward sublime more and more of the time
    – sam
    Mar 15, 2013 at 11:43

3 Answers 3

13

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

enter image description here

You'll get a dropdown with preset resolutions afterwards:

enter image description here

1
  • Is there an api for this option ? Like for changing it from inside addon code? Jul 18, 2014 at 15:07
3

This is actually a built-in feature in Chrome.

  1. Open the DevTools (F12)

  2. Open the Settings

    enter image description here

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

    enter image description here

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

2

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

1
  • 2
    Note that in December 2013 some controversy arose with this plugin after an update started redirecting Google searches through a third party Dec 12, 2013 at 23:37

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .