Etter hvert som flere og flere mennesker begynner å surfe på sine mobile enheter, blir det viktig for oss - webmastere - å sørge for at våre nettsider gjengir seg godt i den mobile nettleseren. Responsive webdesign er trolig veien å gå, men det krever fortsatt mye testing for å sikre at den passer fint i alle enheter og skjermstørrelse. Det er nesten umulig å få tak i alle mobilenheter i verden, men med et greit verktøy i Google Chromes utviklerverktøy, kan du enkelt teste nettstedet ditt i en stor liste med mobile enheter (uten å bruke et enkelt dime).

"Enhetsmodus" -emuleringen i Chrome Developer Tool er et nyttig verktøy for å teste nettstedet ditt på flere mobile enheter. Som navnet tilsier, emulerer det nettleseren i ulike enheter, slik at du kan se hvordan nettstedet ditt gjøres i hver nettleser.

For å komme i gang, åpne Chrome og last opp nettstedet du vil teste. Trykk F12 ("Cmd + Opt + I" for Mac OS X) for å åpne utviklerverktøyet. Alternativt kan du høyreklikke musen og velge "Inspiser Element".

Klikk på mobilikonet øverst til venstre i verktøylinjen for utviklerverktøy.

Bytt tilbake til hoved Chrome-vinduet, og du bør se at nettstedet er endret til en rutemodus.

Nå er alt du trenger å gjøre, å velge den mobile enheten i rullegardinlisten "Enhet". Nettstedet vil automatisk tilpasse seg for å matche enhetens skjermstørrelse.

Ruller gjennom listen over enheter, kan du finne noen av de populære enhetene som iPhone 3GS, 4, 5, 6, 6 Plus, Samsung Galaxy Note, etc.

Andre ting som du kan teste i enhetsmodusen, inkluderer endring av skjermoppløsningen, innstilling av pikselforhold, endring av nettleserens brukeragent osv.

For å gå ut av "enhetsmodus", gå ganske enkelt tilbake til verktøylinjen for utviklerverktøy og klikk på mobilikonet igjen, eller bare lukk verktøylinjevinduet.

Konklusjon

Utviklerverktøyet i Google Chrome er et veldig kraftig og nyttig verktøy for webmastere og utviklere for å teste og feilsøke sine nettsteder. Det finnes også et lignende verktøy i Firefox (faktisk kommer de fleste nettlesere med en utviklerverktøysmodus), men den i Chrome leveres med flere funksjoner og er enklere å bruke.