Da flere og flere mennesker begynder at surfe på deres mobile enheder, bliver det vigtigt for os - webmastere - at sikre, at vores websites gør det godt i mobilbrowseren. Responsive webdesign er nok den vej at gå, men det kræver stadig meget test for at sikre, at den passer fint i alle enheder og skærmens størrelse. Det er næsten umuligt at få fat i alle de mobile enheder i verden, men med et smukt værktøj i Google Chrome's udviklerværktøj, kan du nemt teste dit websted på en stor liste over mobilenheder (uden at bruge et enkelt dime).

"Enhedsmodus" -emuleringen i Chrome's Developer Tool er et nyttigt værktøj til at teste dit websted på flere mobilenheder. Som navnet antyder, emulerer det browseren i forskellige enheder, så du kan se, hvordan dit websted gøres i hver browser.

For at komme i gang skal du åbne Chrome og indlæse det websted, du vil teste. Tryk på F12 ("Cmd + Opt + I" til Mac OS X) for at åbne Developer Tool. Alternativt kan du højreklikke på din mus og vælge "Inspect Element".

Klik på mobilikonet øverst i venstre hjørne i vinduet Udviklerværktøj.

Skift tilbage til hoved Chrome-vinduet, og du bør se, at webstedet er ændret til en netmodus.

Nu er alt du skal gøre, at vælge den mobile enhed i rullelisten "Enhed". Webstedet vil automatisk tilpasse sig til at matche enhedens skærmstørrelse.

Rulning gennem enhedslisten kan du finde nogle af de populære enheder som iPhone 3GS, 4, 5, 6, 6 Plus, Samsung Galaxy Note osv.

Andre ting, som du kan teste i enhedstilstanden, er at ændre skærmopløsningen, indstille pixelforholdet, ændre browserens brugeragent osv.

For at forlade "enhedstilstanden", skal du blot vende tilbage til vinduet Udviklerværktøj og klikke på mobilikonet igen eller bare lukke vinduet Udviklerværktøj.

Konklusion

Udviklerværktøjet i Google Chrome er et meget kraftfuldt og nyttigt værktøj til webmastere og udviklere til at teste og fejle deres websites. Der er også et lignende værktøj i Firefox (faktisk kommer de fleste browsere med en udvikler værktøjsmodus), men den i Chrome leveres med flere funktioner og er nemmere at bruge.