Cross-browser compatibiliteit testen

Browsers komen in vele soorten en versies en tonen uw website in verschillende resoluties. Ontwerpen voor de gemiddelde standaard is een vast uitgangspunt, maar in de praktijk willen techniek en toepassing van CSS nog wel eens roet in het eten gooien. Zeker als er nieuwe versies uitkomen of wanneer u bijvoorbeeld gebruikt maakt van plug-ins van derden. Maar hoe kunnen we makkelijk zien hoe de website toont en werkt bij al deze verschillende gebruikers?

In het land van cross-browser testing zijn er vele oplossingen. Tientallen daarvan vallen in de categorie ‘screenshots’ en zijn eigenlijk allemaal vergelijkbaar. De service maakt screenshots van verschillende browserversies gecombineerd met besturingssystemen en u kunt rustig bekijken of het resultaat op elk screenshot voldoet aan de gewenste vormgeving. Eventuele afwijkingen zijn zo makkelijk door te geven aan de technici zodat zij de compatibiliteit weer herstellen. Interessant om periodiek te doen. We zijn hier op zoek gegaan naar diensten die u zonder installeren van software kunt toepassen en die meerwaarde bieden op de standaard screenshot methode. Voor developers en designers zijn er natuurlijk ook legio plugins voor bijvoorbeeld Firefox voor craving.nl vallen die wat mij betreft buiten de scope..

Benieuwd naar de huidige marktaandelen van browsers, systemen en resoluties in Nederland? Kijk dan eens op : Statcounter-Globalstats

Spoon – browser sandbox

Spoon biedt als service de mogelijkheid om gebruik te maken van zogenaamde sandboxes. Sandboxes zijn geisoleerde omgevingen waarin u vrijelijk kunt testen en in dit geval geven ze u de mogelijkheid om uw site te bezoeken in verschillende browserversies op verschillende besturingssytemen. Groot voordeel is dat u nu bijvoorbeeld precies kunt simuleren waar uw klant tegenaan liep en waarover hij feedback gaf. Niet alleen een screenshot, maar de hele interactieve website.

Browsershots

Browsershots is de koning onder de screenshot makers. Maar wat is dan de toegevoegde waarde? De toegevoegde waarde van Browsershots zit hem in de tweede menu balk net onder de keuze voor besturingssytemen en browserversies.

In deze menubalk zitten namelijk de opties om schermresoluties te kiezen en  te bepalen of Java, Java-script of Flash aan of uit staan. Het uiteindelijke resultaat blijft een screenshot, maar zo kunt u wel veel meer dan de standaard situaties testen.

Adobe Browserlab

Adobe Browserlab is onderdeel van de Adobe CS live suite. Met Adobe Browserlab is het vooral mogelijk om fullscreen voorbeelden te beoordelen, in te zoomen op onderdelen, twee versies naast elkaar te tonen en iets wat ze bij Adobe “Onion view” noemen, twee voorbeelden over elkaar heen leggen om de verschillen te zien.

Litmus e-mail

Litmus heeft haar ervaring met het websites omgezet in het testen van e-mails. Hoe ziet mijn HTML e-mail er uit in Lotus Notes, op een iPhone, in Hotmail of Gmail? Helaas een beetje prijzige dienst, maar misschien verandert dat snel.