Cross Browser Testing (PC)
Et sikkert tegn på en bunnsolid, godt kodet CSS-layout er at den vises konsekvent på tvers av nettlesere og plattformer. En titt på nyere globale statistikker for nettlesere viser at selv om Internet Explorer fortsatt er den mest populære nettleseren generelt bruker, er brukerbasen ganske jevnt fordelt mellom versjon 6 og 7.
Og selv om andre nettlesere som Firefox, Opera og Safari har en relativt liten andel av nettlesermarkedet, ville det være uklokt for enhver webdesigner eller utvikler å ignorere dem når de tester arbeidet sitt.
Behovet for testing
Nettstedet vist nedenfor, for eksempel, fremhever behovet for grundig testing av tverrlesere. Når det vises i Firefox, ser nettstedet fantastisk ut; men når det blir sett på i Internet Explorer 6, ser nettstedet ødelagt ut på grunn av IE6s manglende støtte for PNG-alfa-gjennomsiktighet (som ser ut til å ha blitt behandlet i nettstedets kode, men den valgte løsningen ser ikke ut til å fungere), og også på grunn av noen posisjoneringsproblemer.
Siden krysslesertesting for Mac allerede er dekket på Design Shack, vil denne artikkelen fokusere på metoder for krysslesertesting på PC. Et åpenbart utgangspunkt for testing av tvers av nettlesere er å installere hver av de viktigste nettleserne; de siste versjonene kan lastes ned nedenfor:
Internet Explorer
Imidlertid er det ikke så greit når det gjelder å teste arbeidet ditt i både Internet Explorer 6 og 7. Som standard kjører Windows bare en versjon av IE, og selv om dette tydeligvis ikke er noe problem for den gjennomsnittlige nettbrukeren, er det mer problematisk for webdesignere og utviklere som trenger å sikre at arbeidet deres vises riktig i begge versjoner. Et alternativ for å overvinne dette (hvis du kjører Windows XP) er å bruke Multiple IE-installasjonsprogrammet av TredoSoft. Dette geniale verktøyet gjør at flere frittstående versjoner av Internet Explorer kan kjøres samtidig på samme PC, noe som gjør testing av flere versjoner veldig grei.
Et annet alternativ, som ikke innebærer å installere noe på din PC, er å bruke en online renderingstjeneste som IE NetRenderer. Her skriver du ganske enkelt inn URLen til siden som skal testes, velger hvilken versjon av IE du vil teste den i, og NetRenderer gjengir et skjermbilde for deg. Ulempen med dette er at du bare får et statisk skjermbilde, noe som gjør det umulig å teste dynamiske funksjoner som AJAX UI-forbedringer. I tillegg gjengir NetRenderer bare ned til folden, så hvis du har en spesielt lang side kan det ikke være til mye nytte for deg.
Safari
Etter min erfaring er det å installere Multiple IE en langt mer idiotsikker måte å teste nettsider på i flere versjoner av Internet Explorer på PC. Når det gjelder testing av andre nettlesere på andre plattformer, for eksempel Apple Safari på Mac OS X, er den eneste virkelige måten å teste lokalt å kjøpe en Mac. Et mye billigere (som i gratis) alternativ er å bruke en annen online renderingstjeneste; denne gangen er det BrowsrCamp som gjengir skjermbilder av websider som vist i Safari som kjører på Mac OS X.
Mens det er mange andre nettlesere som er tilgjengelige på tvers av de forskjellige plattformene, er nettleserne dekket her de som er i mainstream-bruk, og som sådan bør alle tas med i alle webdesignere og utviklers testfase når de legger ut webinnhold.
){kind=link}