Advertisement
Readers' Polls

Readers' Poll: How Do You Cross-Browser Test?

by

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

Viewing screenshots is fine for aesthetics, but what if you need to test the javascript, pick apart the DOM, or even log in to a secure session? This is when you'll likely rely on a simulator (or emulator, whatever) allowing you to take control of a remote machine and play with its browsers through your own system.

Scout, Spoon Browser Sandbox, Crossbrowsertesting and Browsera are common examples of what I mean by this.


4. Desktop Application

Desktop applications will often fulfill both screenshot and simulator needs, but require installation on your system.

Think of IETester, multibrowser viewer, Microsoft Expression Web Super Preview and Browserseal.


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.


Other

Have another way of doing things? Let's hear it!


Related Posts
  • Computer Skills
    Automation
    Introduction to Automator ServicesAutomator2
    Automator can be intimidating, but it’s a great tool for completing lots of small or large tasks. In this tutorial, I’ll show you how to put Automator to work in contextual and application menus. I’ll create four simple Automator services that can be accessed almost anywhere, and you’ll gain the tools to create services that can do almost anything.Read More…
  • Code
    Web Development
    How to Use New Relic With PHP & WordPressRelic retina preview
    Today we will look at how to monitor a PHP application using New Relic. More specifically we will set up a basic WordPress installation and get some performance data about it, in the New Relic dashboards.Read More…
  • Computer Skills
    App Training
    Demystifying Microsoft Office & Office 365 PricingOffice logo
    You want to buy Microsoft Office, but which suite should you get? This tutorial will help you choose the best for your usage and will guide you toward a better understanding of how Microsoft has structured its most popular software offering's pricing.Read More…
  • Code
    Mobile Development
    iOS: Tools of the Trade741pm preview image@2x
    There are numerous tools and services that have become indispensable in the workflow of many Cocoa developers. In this article, I will highlight some of the tools that I use as well as some alternatives.Read More…
  • Code
    Tools & Tips
    Browser Testing in the Cloud ReduxBrowser testing cloud redux retina preview
    I've written quite a bit about browser testing solutions trying to help identify techniques and tools that make cross-browser development easier. My last article on the subject covered how to use BrowserStack to test any number of browsers all from one central tool; your own browser. I was on a Windows PC back then so testing multiple browsers was a bit easier and testing tools were mainly complementary to my work. Now that I'm on OS X, the need for tools to round out my testing strategies is even more important, specifically because of the lack of Internet Explorer on the OS. I'm a bit of a stickler for what I install on my computers and I prefer online tools when available. I'm also always on the hunt for new tools that make cross-browser testing easier and decided to give CrossBrowserTesting.com a run. I'll go over some of the key features of the service and how to leverage it to improve your testing capabilities.Read More…
  • Code
    Tools & Tips
    Using BrowserStack for Cross-Browser TestingBrowserstack retina preview
    Browser testing is the bane of our existence. Well, that's a bit of an exaggeration, but not by much. Multiple browser versions and browser fragmentation can make it difficult to get good test coverage for your sites especially when you factor in the different operating systems developers use to build with. Over the years, we've relied on a variety of tools to help us with this challenge including virtual machines, tools that simulate browsers and even having multiple devices on hand to work with. It'd be great if there were a way to have one viewport that allowed us to easily test across any major browser and their individual versions without jumping through hoops. BrowserStack.com aims to offer this via it's browser-based virtualization service and in this article we'll cover the service and how it helps tackle the cross-browser testing problem.Read More…