"Offering free computer help, hints, and tips to the Internet populace." Now with over 3,820 tips!

Google Chrome

Test Your Website with Different Browser Sizes

SUMMARY: Webmasters - see how sites will appear under various browsing scenarios with the "Resolution Test" plug-in.

When developing a website, it may prove useful to see how it appears with different browser sizes to help ensure it looks OK with users who have a variety of different monitor resolutions. While earlier web sites had to perform well in 640x480 and 800x600 resolutions, most people now have monitors supporting 1024x768 or greater, though they may not all have their browsers maximized.

To test for different scenarios inside Google Chrome you can install the "Resolution Test" extension. This lets you resize the browser window to one of several 'normal' resolutions such as 1024x768 or 1280x800, or you can resize to a custom resolution. Plus, if you need to test a website under a variety of resolutions it can open multiple Chrome windows.

1. From Google Chrome, visit the "Resolution Test" page.

2. Click the "Install" button.

3. Click "Install" in the "Confirm Installation" dialog box when prompted.



Confirming installing the "Resolution Test" extension in Google Chrome



After installing "Resolution Test", clicking the new resolution icon to the right of the address bar allows you to resize the browser window. Or, open multiple browser windows by checking the desired resolutions and clicking "View all selected". You can also turn on Google Browser Size from Google Labs.

This tip was written regarding Google Chrome v4.0.249.78 on a Windows XP machine and Resolution Test v1.80. Features, information, and screenshots are subject to change between versions and operating systems.

Return to the Google Chrome page.

Print this tip


Get the Newsletter

blog comments powered by Disqus

Thanks For Sharing!



Newest Tips:

Microsoft Word 2010
W0rds w8th Numbers Pass the S0ellchecker!
Google Gmail
Automatically Archive a Conversation you Respond to
Digital Photography
[MODIFIED] Did Someone Get in the Way While Taking a Photo?
Google Chrome
View Kittens and Pandas Everywhere!

Follow Us!

About MalekTips and the Author

The MalekTips website was created in 1998 by Andrew Malek of Envision Programming. The page's goal is to freely disperse computer-related tips, hints, and informative articles. Tips are organized to be easy to find, and are presented clearly, in easy-to-understand language. MalekTips also provides information and links to public-domain, open source, freeware, shareware, and commercial software available for download. < more >