Often testing can mean checking a sites pages in different resolutions. When a site gets a new layout, it is important to make sure it displays correctly on different browsers and resolutions. While adjusting the resolution manually is an option, it takes too long.
In this post we will talk about resolution testing on Chrome. We were testing some possibilities, and will share our experience with you. We tried a few extensions to see which of them can speed up or make our work easier for us.
Their drawback of these extensions is that web-sites won’t recognize small resolutions as handheld devices, because the browser windows are only re-sized. This unfortunately means that you can’t see what a site would look like, on Chrome, on a mobile device. However they are still useful for desktop testing, and if you don’t want to pay for the service, the following extensions are a must try.

Window Resize

This extension emulates various resolutions by re-sizing the browser window. It has a set of default resolutions, but you can easily adjust and add Custom Resolutions. The extension is accessed through an icon on right-top corner of the browser, next to the Tools menu. In the extensions settings, you can define hotkeys, add resolutions and export your current settings.

Window Resize

Screen Resolution Tester

The extensions design is a bit lacking, but it does the job. It’s simple to use, however it doesn’t have many options, especially when compared with Window Resize. This extension, like Windows Resize, adds an icon next to the Tools menu. It has an option of using a custom resolution, but unfortunately you can’t save them. This means that if you want to test non common screen resolutions, you will have to enter them each time manually.

Screen Resolution Tester

Resolution Test

While this extension doesn’t have many options, it has one unique, useful one. You can select multiple resolutions, by checking the box next to them. And by clicking on the “View all selected” button, the currently displayed web-site will be opened in separate windows, one for each resolution. Take care with that option though, as it can use up a considerable amount of your desktops resources. Like the previous two, this one also ads an icon next to the Tools menu. In the options menu you add your desired resolutions to the list.

Resolution Test

In our next post we will look at a few, free, add-ons for Firefox, and see how they measure up.

Posted By Daniel Ljujić

Leave a Reply




XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>