Wednesday, May 11, 2016

The 7 Cross-Browser Testing Tools You Need in 2016

Even with responsive design and ever-improving standards support, cross-browser issues are not a thing of the past. Since it's neither possible nor feasible to manually test your site in the galaxy of popular browsers and OS's in broad use today, cross-browser testing tools come to the rescue!

In the past we have covered both free cross-browser testing tools and paid cross-browser testing tools and the lists are not totally outdated. Many of the tools in this article have been around for years and fortunately, unlike some of the other tools, they still are.

So, here are the 7 cross-browser testing tools – both free and paid – I find especially useful.

1. Browsershots

BrowserShots

Browsershots is a simple and very useful tool. It's a free tool but it does provide functionalities you won't find in any other tool, paid ones included.

The service is just a screenshot of how a site looks like in a range of browsers. However, the list of supported browsers is huge. You can also select the screen size, color depth, whether to check or not for issues with JavaScript (and which JavaScript version), Java and Flash.

The free service doesn't offer much in the way of scripting and navigation testing and frequently takes a long time to return the results. There are no mobile browsers but it still offers a lot for a service that doesn't ask for anything. It's great for a preview before showing a page to a client.

If you require more features and priority testing, you can switch to the paid version for $29.95 a month.

2. Browser Sandbox

Browser Sandbox

Another cross-browser testing tool with a good list of browsers is Browser Sandbox. Unfortunately, this tool is only useful for Windows users. Though this isn't great news for Linux and Mac OS folks, the developers promise a Mac version is coming soon.

Otherwise, the list of supported browsers is good, including IE, Firefox, Chrome, Chromium Canary, Firefox Mobile, Safari, Opera, and Firefox Nightly. The limitation of the free service is that it allows testing in the latest version of each browser only.

If you need access to older browsers versions, you'll need to get a plan. Thankfully, they are inexpensive with the personal plans starting at $4.95 a month.

3. IE Testers

If Internet Explorer is the browser of primary interest to you and you want to test your site in it, there are a couple of free IE testers you might want to consider.

Netrenderer

enter image description here

With Net Renderer you can test your site in IE 5.5 to 11. It's a quick and straightforward tool, though it doesn't come with tons of features.

Microsoft Edge

Microsoft Edge

Microsoft Edge is a complete platform that goes beyond testing in IE only. As a matter of fact, it offers screenshots of your site in other browsers and on various mobile devices, too. The reason I've bracketed it with the IE testers group is that it offers virtual machines with different IE versions only and that it7 Cross-browser Testing Tools offers the Azure Remote App that allows you to remotely test in IE.

My Debugbar

My DebugBar

Finally, My DebugBar, also known as IETester, is one more tool to use if you want to test in IE. Unlike Net Renderer, this is a 60MB desktop app. It requires download and works only on Windows.

IETester has some known and well-documented limitations, so before you begin melting down over horrendous test results, make yourself aware of the bugs in the tool.

4. Webshot by Mobile Ready

Webshot

Unlike most of the other services, Webshot is a tool to test mobile cross-browser compatibility only. It's a free offering but it requires registration.

As of the time of writing this article, Webshot wasn't working – at least not for me. I am getting an Internal Server Error when I try to register. A couple of weeks ago I sent the developer an email about the issue – no response so far. That's obviously not promising for the future.

Nevertheless, I've left it this list because it offers something worthwhile IF it gets fixed.

5. Browsera

Browsera

My section covering paid cross-browser testing tools starts with Browsera. This is a very thorough suite and you definitely know what you are getting for your money. With Browsera, you can test layout, JavaScript, dynamic pages, password-protected pages, etc.

It requires no installation. You can sign for a 30-day free trial. They also offer a very limited free account and plans from $39 to $99.

6. CrossBrowserTesting

enter image description here

What I really like about this tool is that it uses real devices to run the browsers on. While emulators basically do a great job, nothing beats the real thing. The features list is really good and CrossBrowserTesting certainly is worth its money. I believe their list of supported browsers and operating systems is the largest in the industry – 900 browsers across more than 40 operating systems, including iOS, Android, Windows, Mac and more.

I also like their live testing feature. With it, you can test your pages in a real environment. You can test AJAX, HTML forms, JavaScript, Flash. Among its other noteworthy features are local testing, Selenium tests (write automated scripts), and screenshots comparisons.

Plans start from $29 a month and there is a 7-day free trial.

7. BrowserStack

enter image description here

BrowserStack is another big name in the industry. It's great for mobile testing (real physical devices, as you can expect) but it also supports 700+ desktop browsers.

It also offers local testing, quick screenshots, as well as resolutions from 800x600 to 2048x1536. Similarly to its CrossBrowserTesting competitor, plans start from $29 a month but they also have a cheaper limited offer of $12.50/mo for Freelancers. For eligible open source projects, they even offer free services.

There are many more paid services but I can't list them all. I've included only the most popular ones because not all paid services offered good value for the money. The free services are also great, though they certainly lack many essential features. Try the services listed and see which ones you find the most useful.

Continue reading %The 7 Cross-Browser Testing Tools You Need in 2016%


by Ada Ivanoff via SitePoint

No comments:

Post a Comment