Browsers Internet

3 Firefox Plugins To Test Your Website In Different Resolutions

Tim Lenahan 09-02-2010

firesizer_logoOne of the difficulties in designing for the Internet is figuring out what your site would look like with different screen resolutions.  A while back the most common screen resolution was 800×600.  Later, as computers improved and screens got larger, the most common screen size was 1024×768.  Now, monitors are larger than ever and there are many different sizes going on.  One of the tasks of a web designer is to see what their site will look like at the most common resolutions (check out ViewLike.Us Test Website in Different Resolutions Read More ).


Well there are also Firefox add-ons that will make the task of testing your website in different resolutions easier.  Here I have listed 3 Firefox add-ons to choose from. In fact, each add-on I will be sharing with you will have appeal for different types of users.  Different users find different types of shortcuts quicker and easier.  Which one is right for you?  Let’s find out by taking a quick peek at each of them.


The first one is called Firesizer.

test website in different resolutions

Utilizing this add-on probably couldn’t be any easier!  Basically look to the bottom bar and you’ll see where your current window size is indicated…


test website in different resolutions

In order to change the size of your browser window, just right-click the size indicator…

test website in different resolutions

There are three common sizes to choose from.  You can either add a customized size by clicking “Customize…” and adding your own size…



Or you can just click “Save current size” in order to save the current size of the browser window to add it to the list of sizes…


That is how easy this add-on really is!  Can you think of a quicker or easier way to test website in different resolutions?  I sure can’t!



The second Firefox add-on this article will be covering is ResizeIT.


ResizeIT brings keyboard shortcuts to the table!  Basically you can set different sizes to the 4 shortcuts and, all of a sudden, testing your web projects at different resolutions becomes even easier!  They shortcut combos are ALT-1, ALT-2, ALT-3 and ALT-4.  By going to the TOOLS menu, choose Add-ons, and click the options button next to the ResizeIT label.



As you can see, you can actually choose the size settings for the combos.

Yet Another Window Resizer

The last Firefox add-on this article will be covering is Yet Another Window Resizer.


For the mouse users out there, this one is for you!  That’s because resizing your Firefox window is just a right-click away!  Right-click anywhere on a page and the “Resize Window” option shows up at the bottom of the menu.


Just like the other add-ons covered here, you can also set custom sizes.


So there you have it, three Firefox add-ons that make it ieasy to test website in different resolutions.  One gives you access in the statusbar (Firesizer), one using keyboard shortcuts (ResizeIT), and yet another via the right-click menu (Yet Another Window Resizer).

There are other ways of testing websites in different resolutions.  One way is to have a second monitor with a different resolution set (as mentioned in this article 6 Ways to Set Up Dual Monitors to Be More Productive Read More ).  What other ways do you, the readers, have for testing websites (and other projects) in different screen resolutions?

Related topics: Computer Monitor, Mozilla Firefox, Web Design, Web Development, Webmaster Tools.

Affiliate Disclosure: By buying the products we recommend, you help keep the site alive. Read more.

Whatsapp Pinterest

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. Marc
    May 21, 2015 at 9:49 am

    What's wrong with "Ctrol+Shift+M" ?
    (Thanks Jude for the tip;-P)

  2. Nick B.
    February 10, 2010 at 3:01 pm

    Web Developer add-on v1.1.8 has this functionality plus more besides:

  3. RandyN
    February 10, 2010 at 7:33 am

    Personally, I use sizer since it works across most applications on the computer, not just Firefox (and it isn't a plugin). Although it states it isn't supported under Vista, I use it with Vista and Win 7 without issue.

    Check here:

  4. Emmit
    February 10, 2010 at 6:41 am

    Why add another plugging to FF? Doesn't FF suck up enough ram as is? Web developers tool bar has that feature built in. If you are a developer and you don't have the web developers tool bar, you should.

  5. Jane Cooke
    February 10, 2010 at 2:24 am

    A very useful set of tools for a quick check for web designers and webmasters, thank you. I've kind of gone with Firesizer for now as it shows the current resolution and also tend to use the mouse a bit more.