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.

sam
  • 4,359

3 Answers3

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

Oliver Salzburg
  • 89,072
  • 65
  • 269
  • 311
sam
  • 4,359
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.

Oliver Salzburg
  • 89,072
  • 65
  • 269
  • 311
2

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

Bibhas
  • 2,596