Websites cross browser ontwikkelen – Deel 1

Met de opkomst van Firefox en het groeiende Apple-gebruik wordt het grote marktaandeel van Internet Explorer aangetast. Daarom is het tegenwoordig uitermate belangrijk dat een website op alle gangbare browsers werkt.

Enkele browser statistieken van W3C (bron: w3schools.com):

Nu moet ik zeggen dat dit niet helemaal representatief is voor het wereldwijde browsergebruik, aangezien webdevelopers over het algemeen meer Firefox gebruiken. Zo is op Devschuur momenteel het Firefox gebruik nóg hoger, met 54%. Als tweede volgt Internet Explorer met 42%. Safari heeft 3%, Opera heeft 1% en er is ook nog enkeling met een Konqueror browser langsgekomen.

Het grootste probleem komt echter nog. Internet Explorer is wereldwijd nog steeds marktleider, maar er worden verschillende versies gebruikt van Internet Explorer: 6, 7 en in veel mindere mate ook versie 5.5. Aangezien de versies 6 en eerder (en in sommig gevallen ook versie 7 nog) erg slecht omgaan met standaarden en heel anders reageren op die standaarden, is het belangrijk voor elke versie te testen.

In deel 1 van deze ‘Websites crossbrowser ontwikkelen’ wordt uitgelegd hoe al deze browser kunnen worden geinstalleerd onder Windows XP, Vista en Linux.

Allereerst is het belangrijk om alle verschillende browsers geinstalleerd te hebben op je computer. We gaan hier uit van Windows XP en Vista (sorry Mac- users. Ik heb geen ervaring met MacOSX, maar ik neem aan dat er met een Windows XP Virtual Machine wel iets mogelijk moet zijn). De volgende browsers zijn te testen in Windows XP en Vista (hoewel dat iets lastiger is als in XP):

• Internet Explorer 3, 4.1, 5, 5.5, 6 en 7
• Mozilla Firefox
• Opera
• Safari

Installatie onder Windows XP

De installatie van al deze browsers is nog het gemakkelijkste in Windows XP. Voordat je verder gaat is het van groot belang dat Windows XP helemaal gepatched is, inclusief Internet Explorer 7. Hierna kun je beginnen met het installeren van alle browsers. Download en installeer de volgende browser-installers als je dat nog niet gedaan hebt: Mozilla Firefox, Opera, Safari voor Windows (nieuw & beta) en last but not least de installer die zorgt voor Intenet Explorer 6 en lager: MultipleIEs

Nu heb je alle browsers op je systeem geinstalleerd. Dat viel best mee!

Installatie onder Windows Vista

De installatie wordt in Windows Vista al wat lastiger, maar zeker niet onmogelijk. Alles behalve MultipleIE’s moet worden gedownload en geinstalleerd. Om Internet Explorer 6 en lager in Vista werkend te krijgen moet je een Virtual Machine (Microsoft Virtual PC 2007 – Gratis download) installeren. Deze is helemaal gratis te verkrijgen bij Microsoft. Je hebt wel een geldige Windows XP licentie nodig. Op Lifehacker is een heel goed artikel over de installatie hiervan verschenen. Nadat je de virtual machine hebt geinstalleerd en deze hebt opgestart, kun je hier naast de standaard Internet Explorer 6 ook MultipleIE’s installeren om eventueel eerdere versies te testen.

Linux

De installatie in Linux is bijna gelijk aan die van Windows Vista. Installeer een virtual machine met Windows XP erop. Patch deze XP installatie volledige inclusief IE7 en installeer vervolgens multiple IE’s en Safari en you’re all set. Ik adviseer VMware als virtual machine.