How to Test Browser Resolution on a Web Page

Testing your web page's browser resolutions for your potential web page viewers is easy.

As a webmaster, it is important to design and build your web page to be viewable by everyone, regardless of the browser used. There are many factors to sizing your browser correctly. A few of these are the font you are using, the placement of images and if you are using right, left or center justification. Performing browser resolution tests on your web page will help you create a quality website viewable by all.

Instructions

Using Google Chrome

1. Launch your Google Chrome browser and download the Chrome extension titled "Resolution Test" (see Resources).

2. Open the web page you wish to test in Google Chrome.

3. Un-maximize your browser window by selecting the "Restore Down" square in the upper-right corner.

4. Select the resolution test icon in the upper-right corner of the browser. This icon was installed during the Resolution Test installation.

5. Select a resolution, or select multiple resolutions, then click "View all selected."

Using Any Browser

1. Navigate to a web-based resolution-testing site (see Resources). These web-based tests provide a testing solution for all web browsers.

2. Enter the URL of the web page you wish to test in the appropriate URL field.

3. Select "Submit" or "Open Resize."

Tips & Warnings

• If you wish to view how your website will be viewed on various browsers, there is a valuable Browser Size Tool from Google (see Resources).

References

• Google: Resolution Test Instruction Page

Resources

• Google: Resolution Test Download Page
• Web Sites That Fly Web Design Firm: Browser Resolution Test
• Mark Horrell: Browser screen resolution checker
• Google: Browser Size Tool