Unlike the standard computers we used in the good old days, now we have many types of devices such as laptops, tablets, netbooks, and smartphones which can be used to access Internet. Each device will have its own screen size, resolution and this makes the web design process more difficult than before. Web developers and designers have to make sure their websites or online applications compatible with most of the possible screen resolutions.
It’s unlikely to test designs in all of the Internet-capable devices, but what developers can do is to resize the browser dimension as per the screen size of a particular device. To make the job easier, here we’ve gathered some excellent online tools, Firefox addons and Google Chrome extensions that enable users to test websites and web application in different screen sizes and resolutions. We hope you’ll find these tools useful.
Best Online Tools to Test Websites in Different Browser Sizes
Screenfly enables you to test any websites at a multitude of common screen resolutions, including desktop monitors, tablets, and smaller mobile devices. Simply enter your website’s URL and then select any device you want for testing.
ResizeMyBrowser is a simple browser window resize app for web designers and developers. The online tool lets you resize your browser window to any of the 15 preset screen sizes. Each of the presets tells you the name of the desktop computers, laptops, tablets, or mobile phones that commonly has that browser size.
TestSize.com is another easy tool to test any web page in any window size. It enables you to test sites at a number of different screen resolutions.
Best Firefox Addon to Resize Window to Specific Size
This add-on provides a menu and status bar to resize the window dimensions to a specific size. It sets the size of the entire window, not just the HTML area, which better reflects the environment that end users will be using.
This easy-to-use addon allows you to resize and position Firefox browser windows with keys: ALT+1, 2, 3, 4.
Browsizer allows users to move and resize browser window. Users can save the browser sizes or positions, and can restore them with a single action.
Best Chrome Extensions to View Webpage in Any Screen Resolutions
This Chrome extension changes the size of the browser window for web developers to preview their websites in different screen resolutions. It includes a list of commonly used resolutions and the ability to customise that list.
This is another Chrome extension that resizes the browser’s window in order to emulate various resolutions. It helps designers and developers to test their layouts on different browser resolutions.
Safari Extension to Resize Browser Window
Resizer Safari Extension
Resizer adds a single button to your Safari toolbar that will enable you to resize your browser window easily. The extension has 10 user configurable window settings and clicking the toolbar button will cycle through them in order.