It's not on many people's things I like most about web design list, but cross-browser testing just comes with the territory. Many argue that there is no best method - but how do you go about testing your work across multiple browsers?
Breaking it Down
In order to make this poll digestible, I've categorized cross-browser testing methods into 5 main types. Here's what I mean by them:
1. Multiple Installations
Having various browsers installed on your systems gives you straight-forward access to check how they handle your work.
This can cause complications where some browsers are concerned (Internet Explorer for example) when they don't allow multiple versions running on the same O.S. There are workarounds however, most commonly in the form of running virtual desktops with services such as VMWare and VirtualBox.
2. Web-Based Screenshot Service
Services which grab a screenshot of your chosen website in a wide array of browsers and operating systems, all from the comfort of your own browser. Think of Adobe BrowserLab, Browsershots and Net Mechanic Browser Photo .
3. Web-Based Browser Simulator
4. Desktop Application
Desktop applications will often fulfill both screenshot and simulator needs, but require installation on your system.
5. Browser Developer Tools
Some browsers offer plugins and tools which allow them to mimic the behavior of other browsers. Safari has its Debug > User Agent, Internet Explorer 8 will run in Compatibility Mode and there are plenty of extensions such as the User Agent Switcher for Firefox.
Have another way of doing things? Let's hear it!
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post