Maybe in the future, all web browsers will display HTML / CSS code is the same in accordance with the standards. Then, cross-browser testing becomes unnecessary. But such arguments are still fantastic, and check your project in the current and old versions of browsers required.
Old-school testing your code to be downloaded to the largest possible number of computers with different combinations of browsers and operating systems. This method works great in the presence of a large number of different computers (and the time it would have to spend configuring and testing). But there is a more efficient way to check cross-browser compatible his brainchild - free and commercial web services and programs. This article presents the most interesting of them.
Free check for cross browser compatible
Adobe BrowserLab
Adobe BrowserLab - a free tool that allows you to test your design in different versions of Chrome, Safari, IE and Firefox. It provides several ways to view the pages, including full-screen review and a visual comparison of different options. The service can receive through a network of dynamic pages, or you can use it locally via Firebug or Adobe Dreamweaver CS5. It is also permitted to determine the combination of sets of browsers, if you do not need to test the project in very old versions.
Browsershots
Browsershots - probably the most comprehensive free tool for testing, which is available at this time. It includes versions of browsers for Linux, Windows and BSD. It is also possible to find a browser, which you might not know (for example, Galeon, Iceape, Kazehakase and Epiphany). By default, Browsershots conducts inspections on the latest versions of browsers, but the old versions are available.
The more browsers will be determined to test, the more time will be spent on training results. This fact should be considered when choosing a set of browsers.
SuperPreview
SuperPreview an offer Microsoft's cross-browser testing (and it is compatible only with Windows). The tool allows you to define a set of browsers for testing. It works with any browser installed on your system (inference engine IE6 built into it). This fact is the reason for his fast work (no need to wait for the loading or processing at the remote end of the service), but also limits the range of browsers available for comparison.
SuperPreview is a free tool and is planned as part of Expression Web. The online version includes support for Chrome, Safari (Mac) 4 +5, Firefox 3 + 4. You can also use an interactive Web sites that require registration before displaying pages that need to be verified. There is a debugging tool for the DOM. Unfortunately, there is no support for Opera, even if it is installed locally.
Lunascape
Lunascape - a web browser, triple output mechanism for Windows. It uses the Trident (IE), Gecko (Firefox) and Webkit (Chrome and Safari). So you can see how your site looks in all the three options in the form of a visual comparison. Although Lunascape is not a traditional testing tool, however, it will be very useful for designers and developers. Its main advantage is the instant preview pages in all three mechanisms of withdrawal. Lunascape supports extensions and plugins Firefox, so you can use Firebug to help diagnose problems with compatibility.
IETester
IETester - browser for Windows, which allows you to use the mechanisms of inference, and JavaScript to view the site in versions of IE10, IE9, IE8, IE7, IE6 and IE5.5. To use the tool requires Windows 7, Windows Vista or Windows XP with IE7.
IE NetRenderer
IE NetRenderer allows you to check the compatibility of the site with Internet Explorer versions from 5.5 to 9. You'll have to check each version individually.
Spoon
Spoon - Services for simulation applications. It is available different versions of Firefox, Chrome, Opera and Safari for users of Windows. The disadvantage: Internet Explorer is supported by virtualization mechanisms Spoon, but at the request of Microsoft browser is currently excluded from the test cases ..
Browsera (free and commercial versions)
Browsera provides automatic compatibility test. On the results of the audit highlighted the differences in the types of output of your design in different browsers, which greatly facilitates the process. Also, errors are determined JavaScript. A commercial version of the service may carry out checks pages that require user registration.
In the free version available for a limited set of browsers and low-resolution screen shots. The commercial version costs $ 39 for a single project and $ 49 to $ 99 per month subscription, and in it a large list of available browsers, high resolution screen shots and test pages that require user registration.
Browserling (free and commercial versions)
Browserling - a relatively new application for checking cross-browser compatible. It supports a limited set of browsers (and not necessarily the latest versions), which restricts its users to developers. Browserling is still in beta testing, and, perhaps, a list of browsers that will expand in the near future.
Free version has a time limit session at 5 minutes, and the commercial version without limitations costs $ 20B a month.
Commercial tools for testing
Commercial tools for testing have options that are available for free services such as interactive visualization and verification of web browsers for mobile devices.
Mogotest
Mogotest performs checks on cross browser compatible, even pages that require user registration. The service has an API, and it can be integrated into your project. Mogotest also gives a report on the status of the inspected site, which informs about the broken link, loopback redirects and other problems of the markup. The service is a tool to compare the screen shots. It supports recording system based on HTML, and cookies.
Available in several tariff plans. Personal rate plan is $ 15 per month and allows testing of up to 50 pages in three sites. The tariff plan for freelancers is $ 45 per month and allows for testing at 10 sites and up to 350 pages. Group rate plan is $ 125 per month to $ 4499 + for unlimited access.
Cloud Testing
Cloud Testing provides functional testing of the project. You can record user actions alleged in your browser using Selenium IDE, then upload them, and Cloud Testing execute the script on different operating systems and browsers. And then be provided screenshots and diagnosis of HTML and components.
BrowserCam
BrowserCam includes testing tools for the desktop versions of web browsers and mobile devices (which is absent in many other instruments, checks). Also available for remote access to the actual test configurations Windows, Linux and OS X. Possible to intercept email to check HTML, RTF and TXT versions of the letters.
The cost of using BrowserCam starts at $ 19.95 per service per day and ends at $ 999.95 for an annual subscription to the complete range of services.
Multi-Browser Viewer
Multi-Browser Viewer performs a check for desktop browsers and mobile devices. It includes 26 virtualized web browsers, 5 browsers for mobile devices (including iPhone and iPad) and 61 for the version of browser screenshots (you can see how the site looks, but you can not interact with it). Also available are five languages: English, Spanish, German, French and Russian.
Multi-Browser Viewer costs $ 139.95 per single-user license, including annual support. Updates after a year of use are $ 99.95. Also available for trial use of the tool through the web site.
Comparison of tools
In the table below are brought together some information about testing tools to compare them with each other and selecting the most appropriate option.
Conclusion
Regardless of the tool you use, regular testing of your project in the development process helps to get rid of the big problems that may arise during its use, and saves you time. Choose a service that is more suited to your workflow, and check all the essential design changes.
Old-school testing your code to be downloaded to the largest possible number of computers with different combinations of browsers and operating systems. This method works great in the presence of a large number of different computers (and the time it would have to spend configuring and testing). But there is a more efficient way to check cross-browser compatible his brainchild - free and commercial web services and programs. This article presents the most interesting of them.
Free check for cross browser compatible
Adobe BrowserLab
Adobe BrowserLab - a free tool that allows you to test your design in different versions of Chrome, Safari, IE and Firefox. It provides several ways to view the pages, including full-screen review and a visual comparison of different options. The service can receive through a network of dynamic pages, or you can use it locally via Firebug or Adobe Dreamweaver CS5. It is also permitted to determine the combination of sets of browsers, if you do not need to test the project in very old versions.
Browsershots - probably the most comprehensive free tool for testing, which is available at this time. It includes versions of browsers for Linux, Windows and BSD. It is also possible to find a browser, which you might not know (for example, Galeon, Iceape, Kazehakase and Epiphany). By default, Browsershots conducts inspections on the latest versions of browsers, but the old versions are available.
The more browsers will be determined to test, the more time will be spent on training results. This fact should be considered when choosing a set of browsers.
SuperPreview an offer Microsoft's cross-browser testing (and it is compatible only with Windows). The tool allows you to define a set of browsers for testing. It works with any browser installed on your system (inference engine IE6 built into it). This fact is the reason for his fast work (no need to wait for the loading or processing at the remote end of the service), but also limits the range of browsers available for comparison.
SuperPreview is a free tool and is planned as part of Expression Web. The online version includes support for Chrome, Safari (Mac) 4 +5, Firefox 3 + 4. You can also use an interactive Web sites that require registration before displaying pages that need to be verified. There is a debugging tool for the DOM. Unfortunately, there is no support for Opera, even if it is installed locally.
Lunascape - a web browser, triple output mechanism for Windows. It uses the Trident (IE), Gecko (Firefox) and Webkit (Chrome and Safari). So you can see how your site looks in all the three options in the form of a visual comparison. Although Lunascape is not a traditional testing tool, however, it will be very useful for designers and developers. Its main advantage is the instant preview pages in all three mechanisms of withdrawal. Lunascape supports extensions and plugins Firefox, so you can use Firebug to help diagnose problems with compatibility.
IETester - browser for Windows, which allows you to use the mechanisms of inference, and JavaScript to view the site in versions of IE10, IE9, IE8, IE7, IE6 and IE5.5. To use the tool requires Windows 7, Windows Vista or Windows XP with IE7.
IE NetRenderer allows you to check the compatibility of the site with Internet Explorer versions from 5.5 to 9. You'll have to check each version individually.
Spoon - Services for simulation applications. It is available different versions of Firefox, Chrome, Opera and Safari for users of Windows. The disadvantage: Internet Explorer is supported by virtualization mechanisms Spoon, but at the request of Microsoft browser is currently excluded from the test cases ..
Browsera provides automatic compatibility test. On the results of the audit highlighted the differences in the types of output of your design in different browsers, which greatly facilitates the process. Also, errors are determined JavaScript. A commercial version of the service may carry out checks pages that require user registration.
In the free version available for a limited set of browsers and low-resolution screen shots. The commercial version costs $ 39 for a single project and $ 49 to $ 99 per month subscription, and in it a large list of available browsers, high resolution screen shots and test pages that require user registration.
Browserling - a relatively new application for checking cross-browser compatible. It supports a limited set of browsers (and not necessarily the latest versions), which restricts its users to developers. Browserling is still in beta testing, and, perhaps, a list of browsers that will expand in the near future.
Free version has a time limit session at 5 minutes, and the commercial version without limitations costs $ 20B a month.
Commercial tools for testing have options that are available for free services such as interactive visualization and verification of web browsers for mobile devices.
Mogotest
Mogotest performs checks on cross browser compatible, even pages that require user registration. The service has an API, and it can be integrated into your project. Mogotest also gives a report on the status of the inspected site, which informs about the broken link, loopback redirects and other problems of the markup. The service is a tool to compare the screen shots. It supports recording system based on HTML, and cookies.
Available in several tariff plans. Personal rate plan is $ 15 per month and allows testing of up to 50 pages in three sites. The tariff plan for freelancers is $ 45 per month and allows for testing at 10 sites and up to 350 pages. Group rate plan is $ 125 per month to $ 4499 + for unlimited access.
Cloud Testing provides functional testing of the project. You can record user actions alleged in your browser using Selenium IDE, then upload them, and Cloud Testing execute the script on different operating systems and browsers. And then be provided screenshots and diagnosis of HTML and components.
BrowserCam includes testing tools for the desktop versions of web browsers and mobile devices (which is absent in many other instruments, checks). Also available for remote access to the actual test configurations Windows, Linux and OS X. Possible to intercept email to check HTML, RTF and TXT versions of the letters.
The cost of using BrowserCam starts at $ 19.95 per service per day and ends at $ 999.95 for an annual subscription to the complete range of services.
Multi-Browser Viewer performs a check for desktop browsers and mobile devices. It includes 26 virtualized web browsers, 5 browsers for mobile devices (including iPhone and iPad) and 61 for the version of browser screenshots (you can see how the site looks, but you can not interact with it). Also available are five languages: English, Spanish, German, French and Russian.
Multi-Browser Viewer costs $ 139.95 per single-user license, including annual support. Updates after a year of use are $ 99.95. Also available for trial use of the tool through the web site.
In the table below are brought together some information about testing tools to compare them with each other and selecting the most appropriate option.
| Tool | The number of supported browsers | IE? | Interactive testing? | Visual comparison? | Price |
|---|---|---|---|---|---|
| Adobe BrowserLab | 13 | IE6+ | No | Yes | Free |
| Browsershots | 60+ | IE6+ | No | No | Free |
| SuperPreview | Changes | IE6+ | Yes | Yes | Free |
| Lunascape | 3 | IE6+ | Yes | Yes | Free |
| IETester | 6 versions of IE | IE5.5+ | Yes | Yes | Free |
| IE NetRenderer | Five versions of IE | IE5.5+ | No | No | Free |
| Spoon | 16+ | No IE | Yes | No | Free |
| Browsera | 9 | IE6+ | No | Yes | Free - $ 99 |
| Browserling | 9 | IE5.5+ | No | No | Free - $ 20 |
| Mogotest | 7+ | IE6+ | No | Yes | $ 15 - $ 4.499 / month |
| Cloud Testing | 4+ | IE6+ | Yes | Yes | There is no information |
| BrowserCam | 90+ | IE5.2+ | No | Yes | $ 19.95 - $ 89.95 |
| Multi-Browser Viewer | 80+ | IE6+ | For some browsers | Yes | $139.95 |
| CrossBrowserTesting | 100+ | IE6+ | Yes | Yes | $ 29.95 - $ 199.95 |
Regardless of the tool you use, regular testing of your project in the development process helps to get rid of the big problems that may arise during its use, and saves you time. Choose a service that is more suited to your workflow, and check all the essential design changes.
0 comments:
Post a Comment