Cross browser testen
Cross browser testen?
Inderdaad, dit houd simpelweg in een site testen in meerdere browsers op meerdere Operating Systems.
Waarom? Sites worden vaak in elke browser net weer iets anders aangegeven (zoals al is gezegd op de vorige pagina)
Nu zul je je vast afvragen hoe ik dit ook bijvoorbeeld op een Mac kan testen als je alleen maar een windows PC hebt?
Een van de beste oplossing bevind zich maar een aantal klikjes in Google weg. :)
http://www.danvine.com/icapture/ test in Safari 2.0.4 op de meeste recente Mac OS X
http://www.danvine.com/iecapture/ test in Internet Explorer 7.xx op ook de Mac OS X
http://www.browsercam.com/ is helemaal een goede. Helaas zitten hier na 24 uur of 200 probeerseltjes kosten aan verbonden. Of je kunt wellicht steeds een nieuw mailadres aanmaken? ;-)
Als je de site maakt werk dan met Firefox of Netscape, deze houd zich namelijk aan de standaarden. Ga dan de bugs in Internet Explorer & Opera wegwerken.
Maar test zeker ook onder Mac machines en als het mogelijk is ook onder Linux!
Krijg je hem niet goed in een bepaalde browser? Dan zijn er vaak wat bugs voor waardoor je een bepaalde code creeƫrt die alleen in bijvoorbeeld Internet Explorer uitgelezen word!
Linux kun je via dual-boot gewoon naast je Windows machine zetten.
Via deze site kun je zien waarvoor je eigenlijk je site wel moet optimaliseren:
http://www.w3counter.com/globalstats/
Of houd zelf statistieken bijvoorbeeld via http://www.w3counter.com of http://www.i-mining.nl.
Zo krijg je een goed inzicht in wat de groep is die jouw site bezoekt.
Voorbeeldje voor een site van een klant:
Besturingssysteem Pageviews Totaal
1. Microsoft 2658 98,19%
2. Macintosh 49 1,81%
Browser Pageviews Totaal
1. IE 1897 70,08%
2. Firefox 796 29,41%
3. Safari 14 0,52%
Totaal 2707 100%
Let ook op de schermgrootte!
Schermresolutie Pageviews Totaal
1. 1024x768 1650 60,95%
2. 1400x1050 335 12,38%
3. 1280x1024 229 8,46%
4. 1280x800 150 5,54%
5. 800x600 141 5,21%
6. 1152x864 88 3,25%
7. 1600x1200 62 2,29%
8. 1440x900 24 0,89%
9. 1024x763 7 0,26%
10. 1280x960 6 0,22%
11. 1010x695 5 0,18%
12. 1920x1200 4 0,15%
13. 1024x738 2 0,07%
14. 1680x1050 2 0,07%
15. 1274x961 2 0,07%
Totaal 2707 100%
*1600x1200 komt veel minder voor, maar dit komt omdat ik de site wel eens moet bezoeken voor onderhoud ;-)
Ik hoop dat jullie wat aan deze tutorial hebben.
Bedankt voor het lezen :)