CROSS BROWSER TESTING – Holly Foster Media

CROSS BROWSER TESTING

Essentially, with cross browser testing you’re testing the appearance and functionality of a website in different browsers and devices.  Just as humans interpret things differently, not all browsers interpret code the same way.

(Bartlett, 2016)

It’s always been important — and it’s still important today — you must test your site in multiple browsers. But which browsers? Chances are most of your web visitors are using Chrome, but don’t forget to check Safari and Internet Explorer (IE) as well. Let’s take a look at the stats.

“Google Chrome … is by far the most used browser, accounting for more than half of all web traffic, followed by Safari in a distant second place. The combined IE & Edge comes in third, with Firefox in fourth. Opera is fifth with about 3 percent of global web traffic.”

(Martin, 2019)
(Martin, 2019)

Desktop

To find out how well untilnxttime.com rendered, I gathered screenshots from four different desktop browsers. I’m happy to report that it performed well; there’s no noticeable difference in layout, text size or color. Here’s the proof:

Chrome Version 75.0.3770.100 (Official Build) (64-bit) – MAC OS Mojave
Safari Version 12.0.3 – MAC OS Mojave
Internet Explorer 11 – Windows 10 Pro
Firefox Quantum Version 68.0.1 – Windows 10 Pro

Mobile Phone

Let’s not forget our mobile users. Take a look at the screenshots from three different phones: the Note 8, iPhone 8 Plus, and the Pixel 2. Still looking good — they appear to be almost identical.


Tablet

How about tablets? This screenshot is from an iPad.


Other Options

If you don’t have the time to gather your screenshots from friends and co-workers like I did, there are browser compatibility tools available. I did a check with Browserstack and again the site performed well.

For a deeper dive, check out the article Top 12 Browser Compatibility Testing Tools to find other options (including some that are free).

until nxt time …

References

Bartlett, J. (2016, July 21). Why Cross Browser Testing is Important [Blog]. Retrieved from: https://blog.testlodge.com/why-cross-browser-testing-is-important/

Jackson, B. (2017, June 6). Top 12 browser compatibility testing tools. Retrieved from: https://www.keycdn.com/blog/browser-compatibility-testing-tools

Martin, J. (2019, August 6). Chrome, Firefox, Edge, Safari and more: Which is the best web browser for you? Retrieved from: https://www.techadvisor.co.uk/test-centre/software/best-web-browsers-3635255/

Says, L. (2018, November 5). How to Test a WordPress Site in Different Browsers (Easy Way). Retrieved from: https://www.wpbeginner.com/wp-tutorials/how-to-test-a-wordpress-site-in-different-browsers-cross-browser-testing-made-easy/

Header image by Grzegorz Walczak on Unsplash

Written by

Leave a Reply

Your email address will not be published. Required fields are marked *