Thorough cross-browser checks, among many other factors, are key for delivering a high-quality product.
In one of our previous articles, we tried to outline various aspects of website quality control process. Thorough cross-browser checks, among many other factors, are key for delivering a high-quality product.
It is highly important to test websites on native browsers and devices. Emulators rarely do justice, and they also fail to give an accurate impression of how websites actually feel under the fingers of a web surfer.
A painstaking task
There were dreadful times when quality controllers and developers had to test websites on various browsers and devices sequentially in one browser and one device after another. Just imagine the pain of launching numerous subpages in all major browsers supported by your code. Scrolling through your entire website, all subpages one by one through Chrome, Firefox, Safari, Opera, Internet Explorer (and not just one, but four versions, from 8 to 11 – as we do in XHTMLized!), iOS browsers (both phone and tablet versions!), Android browsers and so on… an energy and time consuming task, no doubt.
At this point you may ask: what about screenshot generating tools, like Browserstack? Yes, they speed the whole process up and make for useful tools, but they should be used only for receiving some general, approximate results — a rough idea. They will never replace use of the actual native browser.
Website development is not a casino game
Screenshot generating tools will never replace use of the actual native browser.
As a person responsible for the quality of your product, despite being sure the code meets all standards, you probably don’t want to play a roulette – whether the website will work as intended, or not. Your intention should rather be to deliver a solid product to your client, to make sure your website works perfectly on all browsers – even if the client is never going to test the code of yours on, let’s say, IE8. Work ethic is something worth following.
In order to make testers’ and coders’ life easier, guys from Vanamco have built a tool that comes handy. What it does is… well… amazing. And if you would have shown it to someone not so familiar with computer technology, scary could be the word to use here as well, because it makes your testing devices act like they are… haunted… Self moving images on the walls of an old house? Squeaky self-opening wardrobes? Forget that remnants of a bygone era! Nowadays, these are the websites that move on screens by themselves!
If there is something strange in your… browserhood
Ghostlab is a tool that lets you perform so called synchronized tests. By installing this software, you let a digital ghost control your browsers. The cool thing is: you are in command!
Here is how it works:
A different approach – XH Generator
If you are a web developer and would like to make your coding life easier, you may consider using our authorial tool for scaffolding web projects. It is called XH Generator – and among all other goodies it includes, synchronized testing is one of them. Its functionality will give you a basic idea of how more advanced (yet still easy to use!) tools such as Ghostlab work.
About the author
Related blog posts
In PSD to HTML conversion, what defines front-end code as being of top quality? We follow 8/20 Rule here at XHTMLized – 8 areas consisting of 20 criteria the code has to pass in the code quality assurance process. What are those?
In this article, I’ll show you how you can design your own Quality Assurance Scoring System based on the criteria we used in my previous article Code Quality Assurance Checklist: 8/20 Rule.