It is important to test a web page in different versions or releases of a web browser, including differing versions within a single browser offering (especially Internet Explorer). Internet Explorer has various versions still actively supported.

It is impossible to install all browsers on one machine. To install different versions of browsers on different versions of operating systems you will need many real/virtual machines.

There are many online services for cross-browser compatibility testing, too.

Made a little research and I decided to test CrossBrowserTesting – http://crossbrowsertesting.com/

Image1

They give 7 day free trial. At registration you will be prompted for Credit Card Number. After the account creation is complete, you can start the testing.

Available features:

  • Run Live Test – Manually test any browser you choose. Great for checking functionality and appearance of a site in a particular browser.
  • Take Screenshots – Automatically take screenshots of a url across multiple browsers & OS’s. Great for quickly checking appearance of a page across numerous browsers.
  • Local Site Tests – Setup a connection to test local files not yet uploaded to a web server, or internal web sites behind a firewall. You can run both Live Tests and Screenshots Tests once connected.
  • Bookmarklet – Quickly launch both live tests and screenshots of the page you are testing in only 2 clicks
  • Slideshows – View, edit, or create slideshows from Live Tests and Screenshot Tests results, including snapshots and videos.

Let’s begin testing.

Click on Run Live Test

In new tab will be opened configuration page. Here You can choose browser/OS/platform where you want to test your site.
Image2

For testing selected Ubuntu with Firefox 15 in resolution 1024×768 and entered URL: http://www.google.com

Image5

Click on Go

Shortly your selected browser/OS combination will be displayed in selected resolution.

Image6

Rendering of the pages is very fast, working fine.

Tools: located in the header – screenshots, session recording(max 10 minutes), packet capturing
After the screenshot/video/packet is captured, the result will be displayed in new tab. Here you can add/save description and share the captured material.

Automated Screenshots

On User page(https://crossbrowsertesting.com/user) click on Take Screenshots. On the option page you can define the URL for screenshots, here you can define the list of browsers to test.

Image3

Click on Take Screenshots
Image12

After the screenshots are taken, you can download the screenshots(as .zip archive), create a slideshow from screenshots(you can share the slideshow, too) or share the screenshots.

There is another tool(available in beta version) – Compare layouts

Image7

Set tolerance(in pixels) and select the base browser and comparison will start automatically. After few seconds results will be displayed.
Image8

Click on differences, to view the differences
Image9

Bookmarklet:

Just drag the button below to your browsers tool bar. When visiting any web page, click the bookmarked link to launch screenshots or a testing session.
Image10

Image11

Conclusion:

This site is very simple, very fast. Has many browsers/OS/platform to test. Using is very simple and fast. You can easily take screenshots/videos, publicly share the screenshots/slideshows/videos.

The Basic Plan only contains 150 minutes per month, but they count the spent time in seconds, no rounding. At screenshot taking charged is only the time what is used for taking screenshot (starting and closing the configuration is not charged)

    One Response to “Cross-browser compatibility test”

  1. Web testing – What’s at Stake | Automation Anywhere | Automating web site tests goes with common sense for an overall test approach Automation Software Blog by Automation Anywhere says:

    […] are literally dozens of browser and OS platform combinations out there. True, you can write your website HTML to be as standard as possible, but Murphy’s Law […]

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>