Hoe test ik mijn website in verschillende internet browsers?

Dr. Kropotkin,

Ons bedrijf is bezig met het maken van een nieuwe website. Onze ontwikkelaar zegt hierbij dat ze rekening houden met browsers en operating systemen en dat de website op alle platformen werkt. Helaas kan ik dit niet controleren doordat we alleen maar Windows met Internet Explorer 7 op onze werkplek hebben.

Is er behalve het aanschaffen van verschillende computers met verschillende operating systemen en internet browsers nog een andere manier om dit te testen?

Janneke van Buiten

Janneke,

Les 1 heb je al door; vertrouw nooit 100% op de ontwikkelaar maar controleer altijd het werk. Mooi zo! Dat deden we in Moeder Rusland als geen ander; iedereen controleerde iedereen.

Voor het testen van websites in verschillende browers kan ik twee online tools oplossingen en een software pakket aanraden. De web tools laten de resultaten met screenshots online zien. In het software pakket kan je het resultaat direct bekijken. Hiermee kan je gemakkelijk je bevindingen delen met de web ontwikkelaars.

Er zijn drie verschillende oplossingen die ik kan aanraden:

Adobe BrowserLab [gratis tot eind 2010]

Browserlab is een nieuw product van Adobe. Het is een flash applicatie waardoor hij op alle platformen hetzelfde werkt en de interface prettig is om mee te werken. Deze Adobe applicatie is nu nog in preview mode en is daarom gratis. Alle functies werken wel gewoon prima. Vanaf 2011 moet er tussen de $10 en $20 per maand worden afgerekend voor het gebruik.

BrowserLab is snel en gemakkelijk in gebruik. Handig is dat je het resultaat van twee verschillende browsers naast elkaar kan bekijken en vergelijken.

Vergeleken bij BrowersShots ondersteund BrowserLab maar een klein aantal browsers: Chrome, Friefox, IE en Safari in combinatie met verschillende operating systemen. Dit levert totaal 12 combinaties op die je kan testen. Dit lijkt vergeleken met de vele opties van BrowserShots weinig maar is in realiteit precies wat je nodig hebt.

De snelheid is uitstekend. Vaak duurt het maar een minuut voordat je resultaat hebt.

http://browserlab.adobe.com/

BrowserShots [gratis]

Dit is één van de meest bekende websites. Ze bieden dan ook een keur aan browsers waar je nog nooit van hebt gehoord en waarschijnlijk ook nooit gaat gebruiken (Iceweasel, Kakzehakase, etc.).

Het heeft een aantal handige features waarmee je bijvoorbeeld Javascript, Java en Flash aan en uit kan zetten voor je test. Ook is het mogelijk verschillende resoluties te testen. Met een gratis account kan je bovendien je voorkeuren opslaan.

Een groot nadeel is de vertraging van de test; deze duurt ongeveer 45 minuten voordat je resultaat hebt. Dat is in jouw geval wel prima maar voor ontwikkelaars die direct doorwillen is dit vooral onhandig.

Dat nadeel kan je opheffen door een priority account af te sluiten voor €23.95 per maand. Hiermee worden de resultaten sneller verwerkt en de advertenties van de website verdwijnen.

http://www.browsershots.org/

BrowerSeal [$49]

Dit is geen online tool maar een applicatie voor Windows. Browserseal emuleert vrijwel direct hoe je de website zou zien in een andere browser. Daarmee is het sneller dan de online tool varianten.

BrowserSeal test voor verschillende versies van Internet Explorer, Firefox, Safari, Opera en Chrome en dekt daarmee de belangrijkste lading.

De snelheid kan extreem handig zijn voor ontwikkelaars. Ze kunnen namelijk iets in de HTML of CSS code aanpassen en vrijwel direct zien of het werkt. Nadeel is wel dat het alleen voor Windows beschikbaar is, maar in jouw geval is dat natuurlijk geen probleem.

De kosten voor BrowserSeal zijn met eenmalig $49 ook prima te overzien.

http://www.browserseal.com/

Alternatieven

Mocht je echt het diepe in willen springen dan zijn er ook nog – soms zeer kostbare – alternatieve diensten die in jouw geval te uitgebreid zijn maar voor ontwikkelaars soms erg handig kunnen zijn:

  • Litmus ($588)
  • Browsers ($588 – kan snapshots maken op gezette tijden)
  • Browsercam ($999 – werkt ook met mobiele browsers)

Ik adviseer je te beginnen met BrowserShots en BrowserLab. Daar kan je eigenlijk al precies mee wat je nodig hebt. BrowserSeal is vooral handig als je vaker wil testen of je website het nog wel doet in een ‘vreemde’ browser.

Хорошее Везение!

Dr. Kropotkin

Tags: , , , , , , , , , ,