Warning: ob_start(): non-static method wpGoogleAnalytics::get_links() should not be called statically in /nfs/c01/h07/mnt/38083/domains/debutcreative.com/html/wp-content/plugins/wp-google-analytics/wp-google-analytics.php on line 259
Browser Testing: A BrowserCam walk-through | Debut Creative

Browser Testing: A BrowserCam walk-through

October 14th, 2009 | Industry

Your website exists to be seen. When you build a website you want it to work for as many people as possible. Sadly, not everyone uses a modern browser so it is vital to test your site – especially if the target demographic includes large corporations (who may have no choice which browser they use) or people less likely to be upgrading their software (Google discovered that many people don’t even know what a browser is, so they took it upon themselves to educate them).

Using Debut Creative’s modest traffic as an example you can see I am getting traffic from a very wide array of browsers.

A list of the browsers that have graced my site in the last 12 months.
A list of the browsers that have graced my site in the last 12 months.

Google Analytics will even go so far as to break down the versions of said browsers. Amazingly, not only am I still getting IE6 traffic, but also IE 5.5.

A break down of the Internet Explorer versions of site traffic
A break down of the Internet Explorer versions of site traffic

Until about 8 months ago I was keeping an old XP box around for my IE6 testing. This made for great exercise up and down stairs, but wasn’t entirely practical. Using some relatively new web apps I’ve been able to streamline this process.

To make IE6 testing a little easier I started using Adobe Browserlab. This tool easily allows you to test the most popular browsers (a couple versions of IE, Firefox and a Safari build). While this tool is a keeper, and pretty fast, it doesn’t have the range of features I was looking for.

A fast browser test for the most popular browsers

A fast browser test for the most popular browsers

Alternatively there was BrowserShots which featured a lot more browser tests – but with wait times up to half an hour, alterations and tweaks were taking way too long to test practically (not to mention the point-against for the blinding number of ads).

Browsershot

Enter BrowserCam. I first heard of it when @Plasticmind tweeted out an invitation to join the rather expensive service as a group to shave down the cost. The deal was too good to pass up! Here is a quick walk-through of the process of testing a site.

Setup

First, you create a site-profile to perform captures on; this can be several page if you like (it’s way to easy to make a capture list that is out of hand though). A huge win off the bat is the ability to select mulitples in resolution, as well as “full page” which allows you to scroll – not just view “above the fold”.

Select Browsers

Next you can select the testing browsers and their OS from a snazzy list (My only complaint is that there aren’t savable presets. I find myself testing the same collection quite often).

Results

The result is some paginated thumbnails that can be clicked on for detail. Like so;

Browser

Mobile Browser

So as a testing tool goes, Browsercam is everything I wanted – but there’s more, oh so much more. Remote Access! After a few clicks (I chose not to install a VNC at this point) I was able to directly play with my website on another OS (in this case OSX 10.5 I think).

Safari Test

You can fully access the OS for an hour, which is pretty amazing.

Messing around on someone else's Mac

Loading time I can load pretty much all the browsers I showed selected in the image above in less than 10 minutes, but if you’re just doing a short test of a couple it could be as quick as 30 seconds. If you’re problem solving just a key browser that’s good enough.

No wonder BrowserCam comes with such a hefty annual price tag. It’s very practical when you consider what it might cost to run machines with every version of OS / browser involved. I really want to see this service evolve though. There might be some easier to absorb output format; maybe like a multipage PDF.

These tests are invaluable for making your site look as good as possible for as many viewers as possible. Of course, I should point out that the website doesn’t have to look exactly the same in every browser (http://dowebsitesneedtobeexperiencedexactlythesameineverybrowser.com/).

Browser testing takes time, but is almost always going to have a good return. With Microsoft supporting IE6 until 2012 you can be sure that this extra step is going to continue to be popular.

33 Responses to “Browser Testing: A BrowserCam walk-through”

  1. ArleyM says:

    I think this article is getting some Twitter traffic; please share your favourite browser testing techniques!

  2. [...] This post was mentioned on Twitter by undisco and Jacob Gube, Rodrigo Faccini. Rodrigo Faccini said: RT: @sixrevisions: Browser Testing: A BrowserCam walk-through: http://rle.me/1d (via @ArleyM) [...]

  3. Hi there!
    My name is Kenn and I’m the Product Manager for BrowserCam. Thanks very much for this review of BrowserCam.
    As a side note, there is a Preferences page that will allow you to set your defaults (like the browser options) easily so that you don’t have to always select it when you get to the Perform Capture form.
    Also, in the View Projects page, there is a feature in that page that will allow you to convert your captures into alternative formats, one of them is multipage PDF.
    BrowserCam also offers an Enterprise version of the service which includes things like Link Validation, Test Scheduling and Testing Private Sites (without needing to make any extra holes on your firewall). All information is available on BrowserCam’s homepage.

    Thanks again for your great review of our product!

  4. ArleyM says:

    Awesome to get feedback directly from the source! I feel like a bit of a n00b for not finding these features sooner.

    Thanks!

  5. BrowserSeal says:

    If you use cross browser testing tools often, you may want to consider faster and cheaper alternative – BrowserSeal

    http://www.browsreseal.com

  6. This means spending time choosing door fronts and handles as well as other messes
    in the kitchen, such as kitchen organization help papers, bills, projects to do, even if
    they don’t have the time. A lot of things can become creative Kitchen Organization Help containers. Get rid of the things in your kitchen.

  7. Layne says:

    Finally i quit my regular job, now i earn a lot of money on-line you should try too, just type in google – bluehand
    roulette system

  8. Magdalena says:

    I read a lot of interesting posts here. Probably you spend a lot of time writing, i know how to save you a lot of
    time, there is an online tool that creates readable, google friendly posts in seconds, just type in google –
    k2seotips unlimited content

  9. This post will help the internet users for setting up new web site or even a blog from start to end.

  10. muscle pro says:

    For most up-to-date news you have to pay a quick visit web and on the web
    I found this website as a most excellent site for most recent updates.

  11. - Dimensions appareil (HxLxP) : 31x37x21cm.

  12. You have to be knowledgeable on the historical and current trends of fashion both in Calgary and all over the world.
    The back to school fashion preference of a person shows who he will be for the whole term
    in a nutshell. Most people can wear either a
    black or white set of headphones and it will fit any kind
    of color clothing you wear.

  13. If you would like to obtain a good deal from this article then you
    have to apply such strategies to your won blog.

  14. You understand how to go behind underneath links on behalf of download Jailbreak iOS eight.3 jailbreak via seminar.

  15. Margarette says:

    Pretty! This was an extremely wonderful article. Many
    thanks for providing these details.

  16. m88 says:

    It’s great that you are getting thoughts from this post as well
    as from our discussion made here.

  17. vita youth says:

    My partner and I stumbled over here by a different web
    address and thought I might check things out. I like what I see so now i’m following you.

    Look forward to finding out about your web page repeatedly.

  18. You could definitely see your skills within the article you write.
    The arena hopes for even more passionate writers like you who are not afraid to say how they
    believe. At all times follow your heart.

  19. omnipotence says:

    Very rapidly this website will be famous amid all blogging users, due to it’s nice content

  20. Car clubs provide a venue for collaborative interchange among people who
    share the same ideas, aspirations and aims. Top Up Fluids: After cleaning your vehicle,
    drive it to the gas station to get rid of any water from the crevices.
    Destination Charge – This is built into every vehicle invoice and it is something the dealer has to pay.

  21. Thank you for the auspicious writeup. It in truth was a leisure account it.

    Look advanced to far added agreeable from you! By the way, how could we keep up a correspondence?

  22. Weight Loss says:

    Fabulous, what a blog it is! This blog provides useful information to
    us, keep it up.

  23. amazon says:

    I simply couldn’t keep without saying many thanks from your underside of my heart, after reading this amazing website!

  24. Right here is the right webpage for anybody who really wants
    to understand this topic. You know a whole lot its almost tough to argue
    with you (not that I actually will need to…HaHa).
    You certainly put a fresh spin on a subject that has been discussed for a long time.
    Great stuff, just great!

  25. Juliane says:

    Thanks to my father who informed me on the topic of this webpage, this weblog is really amazing.

  26. Saved as a favorite, I like youг web site!

  27. I enjoy reading websites such as this! Causes also and me to experience a warm enjoyable
    experience enlightened! Thank you so much!

  28. It’s great that you are getting ideas from this
    paragraph as well as from our discussion made at this time.

  29. Good post. I learn something new and challenging on sites I stumbleupon every day.
    It’s always helpul to read through content from otherr writers aand
    practide something from other web sites.

  30. Apk says:

    You have to be knowledgeable on the historical and current trends of fashion both in Calgary and all over the world.
    The back to school fashion preference of a person shows who he will be for the whole term
    in a nutshell. Most people can wear either a
    black or white set of headphones and it will fit any kind
    of color clothing you wear.

  31. Hi, the whole thing is goping nicely here and ofcourse every one is sharing information, that’s truly fine, keep up writing.

  32. Hast du eine Empfehlung für mich? Du scheinst ja einiges zu wissen. Ich möchte mir einen Rahmen anschaffen. Das Gerät
    soll in meinem Schlafzimmer an der Wand installiert werden und zum Abspielen von Videos genutzt werden. Z.

    B. Videos mit Kaminfeuer. Hast Du einen Hinweis, woran ich erkenne, ob der Bilderrahmen etwas taugt?

  33. Of course, a truly modern gown can take on even the most traditional bridal
    silhouette. You can play 100 rounds of answering player submitted trivia and earn yourself a
    supreme quiz master tee shirt. There will be high class ratings on the diamond certificate, if the
    diamond is a highly priced.

Leave a Reply to amazon