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/
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.
For testing selected Ubuntu with Firefox 15 in resolution 1024×768 and entered URL: http://www.google.com
Click on Go
Shortly your selected browser/OS combination will be displayed in selected resolution.
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.
Click on Take Screenshots
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
Set tolerance(in pixels) and select the base browser and comparison will start automatically. After few seconds results will be displayed.
Click on differences, to view the differences
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.
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)
Similar Posts from the author:
- Android/iPhone application testing – online services
- Cross-browser compatibility test using virtual machines
- Usertesting
- Screen recording – screencast – part I
- Screen recording – screencast – part II
One thought to “Cross-browser compatibility test”
Pingback: 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
Comments are closed.