Preview a Web Page in Multiple Browsers with BrowserShots

Ads by Google

BshotHeadDo you have to work on websites that will be viewed on MANY different systems and MANY different browsers? Well then how do you preview a web page on all of these systems?

Do you have a quadruple booting system? Access to lots and lots of computers with all the different versions of browsers installed like Internet Explorer 4, 5, 6, 7 and 8?

How about Firefox .9, 1, 2, 3, 3.5 and what about Windows, Linux, Mac OS or BSD?

You know there has to be an easier method to preview a web page right?  So here we are again to provide it for you! I found Browsershots from the Make Use Of Directory located here. The direct link to the application is here.

When you get to the site you will see a screen that looks similar to this:

preview a web page


On closer inspection you can see your options. The operating system is at the top and the individual browsers are below it. From the most popular to the most obscure you can find everything here.  There are also options for Mac OS and Open BSD that  are cut off in this screen shot.

Ads by Google

bsList

Go ahead and type in a URL in the box that says Enter URL Here. That is the domain you want to see screenshots of. Check the check boxes for each browser you want a screenshot returned. And then there are more options below the grid.

bs2

The other options include Screen Size. By changing this from Don’t Care to a resolution like 1024 pixels wide that will emulate being the resolution of the user’s screen. I normally leave this on Don’t Care unless wrapping is an issue.

bs3

Next up is Color Depth which ranges from 8 bits to 32 bits. Again I normally leave this on Don’t Care.

bs5

JavaScript on the other hand I enable. This way I can see if all my Java based widgets are working and displaying properly cross platform and cross browser. This is a HUGE help for me in WordPress development.

bs6

Java I enable and Flash I enable. Select your appropriate options and submit your browsers shot request by hitting submit next to the URL field.

bs7

That will bring you to a screenshot request page. This is where you can wait until your pages are displayed. They can take anywhere from instantly to 3 minutes depending on how busy the server is. Simply refresh the page and as the shots come in they will be displayed.

bs9

After refreshing a few times and waiting, you will be able to see thumbnails of each screenshot. After about an hour of inactivity they start to expire and disappear. If you continue refreshing and looking at them they will stay longer. You can see below one of my images expired.

bsResult

Clicking on a thumbnail will bring you to the image full size. This is where you can analyze the page for errors. You can download the zip file containing all your shots by hitting the download x screenshots button on the thumbnail screen.

bsPage

Use this to help you master your cross platform web mastering skills! Do you have another favorite site that helps you preview a web page you’re designing? Share them with us in the comments!

Join live MakeUseOf Groups on Grouvi App Join live Groups on Grouvi
Web for Kids
Web for Kids
7 Members
Deep Web Communities
Deep Web Communities
17 Members
Awesome Websites
Awesome Websites
32 Members
Best Music Services
Best Music Services
17 Members
Ads by Google
Comments (4)
  • Jan H

    I got several warnings of malicious sites when running BrowserShots today. I use Bitdefender Internet Security.

  • Gian

    Wow! This site rocks.
    Seriously, it has a bit of everything. And they are all cool!
    This, for example, is going to be of great help :D
    Thanks!

  • pthesis

    I’ve been using Browsershots for a while, and have had mixed results with it. I can’t complain because it’s free, but several times the request times out before being processed. Other times there ends up being some JavaScript problem.

    If you’re using it for work, I think BrowserCam is a better option, even though it’s not free.

  • Ps3 Modern Warfare 2

    I am using firefox 3 and its really great to use. But somthing new from the same browser can be really effective to use as firefox 3.5.1 is looking.

Affiliate Disclamer

This review may contain affiliate links, which pays us a small compensation if you do decide to make a purchase based on our recommendation. Our judgement is in no way biased, and our recommendations are always based on the merits of the items.

For more details, please read our disclosure.
Affiliate Disclamer

This review may contain affiliate links, which pays us a small compensation if you do decide to make a purchase based on our recommendation. Our judgement is in no way biased, and our recommendations are always based on the merits of the items.

For more details, please read our disclosure.