Cross-browser testen (pc)
Een duidelijk teken van een solide, goed gecodeerde CSS-lay-out is dat deze consistent wordt weergegeven in browsers en platforms. Een blik op de recente wereldwijde browserstatistieken toont aan dat, hoewel Internet Explorer nog steeds de meest populaire webbrowser is in het algemeen, het gebruikersbestand redelijk gelijkmatig is verdeeld tussen versies 6 en 7.
En hoewel andere browsers zoals Firefox, Opera en Safari een relatief klein deel van de browsermarkt hebben, zou het voor elke webdesigner of ontwikkelaar onverstandig zijn om deze te negeren bij het testen van hun werk.
De noodzaak om te testen
De onderstaande site benadrukt bijvoorbeeld de noodzaak van grondige cross-browser testen. In Firefox ziet de site er fantastisch uit; maar wanneer bekeken in Internet Explorer 6, ziet de site er kapot uit, vanwege IE6's gebrek aan ondersteuning voor PNG alpha-transparantie (die lijkt te zijn verwerkt in de code van de site, maar de gekozen oplossing lijkt niet te werken), en ook vanwege enkele positioneringsproblemen.
Aangezien cross-browser testen voor Mac al is besproken op Design Shack, zal dit artikel zich richten op methoden voor cross-browser testen op pc. Een duidelijk startpunt voor cross-browser testen is het installeren van elk van de belangrijkste browsers; de nieuwste versies kunnen hieronder worden gedownload:
Internet Explorer
Het is echter niet zo eenvoudig als het gaat om het testen van uw werk in zowel Internet Explorer 6 als 7. Standaard voert Windows slechts één versie van IE uit, en hoewel dit voor de gemiddelde webgebruiker duidelijk geen probleem is. is het problematischer voor webdesigners en ontwikkelaars die ervoor moeten zorgen dat hun werk in beide versies correct wordt weergegeven. Een optie om dit te verhelpen (als u Windows XP gebruikt) is om het installatieprogramma voor meerdere IE van TredoSoft te gebruiken. Met deze ingenieuze tool kunnen verschillende stand-alone versies van Internet Explorer tegelijkertijd op dezelfde pc worden uitgevoerd, waardoor het testen van meerdere versies zeer eenvoudig is.
Een andere optie, waarbij u niets op uw pc hoeft te installeren, is om een online weergaveservice zoals IE NetRenderer te gebruiken. Hier voert u eenvoudig de URL van de te testen pagina in, selecteert u in welke versie van IE u deze wilt testen en geeft NetRenderer een screenshot voor u weer. Het nadeel hiervan is dat je alleen een statische schermafbeelding krijgt, waardoor het onmogelijk is om dynamische functies zoals AJAX UI-verbeteringen te testen. Bovendien wordt NetRenderer alleen weergegeven tot de 'vouw', dus als u een bijzonder lange pagina heeft, heeft deze u misschien niet veel nut.
Safari
In mijn ervaring is het installeren van meerdere IE een veel betere manier om webpagina's te testen in meerdere versies van Internet Explorer op pc. Als het echter gaat om testen voor andere browsers op andere platforms, zoals Apple Safari op Mac OS X, is de enige echte manier om lokaal te testen het kopen van een Mac. Een veel goedkoper (zoals in gratis) alternatief is om een andere online weergaveservice te gebruiken; deze keer is het BrowsrCamp dat schermafbeeldingen van webpagina's weergeeft zoals weergegeven in Safari die draait op Mac OS X.
Hoewel er op de verschillende platforms veel andere browsers beschikbaar zijn, zijn de browsers die hier worden behandeld de meest gebruikte, en als zodanig moeten ze allemaal worden meegenomen in de testfase van elke webdesigner en ontwikkelaar bij het opmaken van webinhoud.
){kind=link}