Test hjemmeside på flere browsere samtidig

En af de ting som mange mennesker der laver deres første hjemmeside glemmer (det gjorde jeg i hvert fald) er, at ikke alle benytter den samme browser til at se siderne. Mange bruger Internet Explorer og Firefox, men over de sidste år er både Safari, Chrome og Opera mv. kommet frem og det er ikke længere helt så almindelige bare at bruge IE.

Til det kommer så yderligere, at de forskellige programmer findes i mange forskellige versioner og at mange ikke opdaterer når der kommer en ny version. Ikke at opdatere kan der naturligvis være en rigtig god grund til, men for manges tilfælde tror jeg nærmere at det er uvidenhed eller dovenskab.

Sagen er, at hvis du har en hjemmeside der har selv en lille mængde besøgende, så er det vigtigt at du sikrer, at alle ser det samme. Uanset deres browser.

Personligt skal jeg finde en side meget interessant for at blive på den hvis den indeholder fejl. Det virker amatøragtigt hvis billederne og knapper flyder rundt på siden. Væk er den besøgende!

Heldigvis er der en let måde at teste de mange forskellige browsere på, uden at blive nødt til at installere dem alle sammen. Det lille værktøj hedder BrowserShots og kan i løbet af relativt få minutter vise dig et billede af hvordan din hjemmeside ser ud for folk der bruger en masse forskellige browserversioner.

Det optimale senarie vil være, at din side ser perfekt ud i samtlige browsere der findes, men oftest vil det være spild af tid at nå til det punkt. I stedet bør du kigge i dit analyse program (Google Analytics anbefales) hvor det f.eks. kan se sådan ud:

Billedet viser tydeligt, at jeg her på AntPhilosophy bør fokusere på at min side vises ordentligt i IE, FF, Safari, Opera og Chrome. De resterende browsere er så sjældent brugt, at jeg vil gå så lagt at sige, at hvis det ser ordentligt ud så “fint”, ellers er det bare ærgeligt.

Hvordan billedet ser ud for præcis din hjemmeside kan du kun finde ud af ved at teste med f.eks. BrowserShots.

Hvad gør BrowserShots?

Jeg vil ikke gå i detaljer om hvordan BrowserShots fungerer teknisk, men resultatet du får ud udgøres af netop “shot” eller billeder. Programmet loader simpelthen din hjemmeside i de individuelle browsere og tager et skærmprint af siden, hvorefter dette billede gemmes så du kan se det.

Jeg vil anbefale at du som minimum tjekker din hjemmeside hver gang du foretager større ændringer. En god ide er også at kontrollere andre sider end forsiden hvis de er forskellige fra denne. Det kunne være at du havde et forum eller en blog tilknyttet, måske har du en side der viser flash film eller gør brug af andre programmeringssprog.

Det tager kun få minutter at få BrowserShots til at tage billederne og så skal du yderligere bruge lidt tid på at kigge dem igennem. Det burde ikke tage mere end ca. 15 minutter pr. side alt i alt og så skal det ikke gøres før du laver store ændringer.