Chromes enhedstilstand: emulerer mobile enheder hurtigt
- Kategori: Google Chrome
Som webmaster skal du ikke kun sikre dig, at det rigtige indhold vises til skrivebordsbrugere, men også at mobile brugere vises korrekt.
Dette kan være et stort problem i betragtning af at du ikke kan teste alle mulige operativsystemer, browsere og skærmopløsninger, som disse enheder bruger, i det mindste ikke uden emulering eller hjælp til software.
En af de ting, du vil sikre dig, er, at webstedet vises fint uanset skærmstørrelse. Det skal vises fint for besøgende, der surfer på nettet med Apples Iphone 5, med en Google Nexus-enhed, en Windows Phone eller en Amazon Kindle.
Google Chromes enhedstilstand, også tilgængelig i Chromium, giver dig værktøjer til hurtigt at emulere mobile enheder i browseren.
Et program er at sikre, at skærmen vises fint på enheden, en anden for at finde ud af, hvor godt indholdet leveres til enheden.
Bemærk : Udgivelsesversioner af Chrome mangler muligvis nogle enhedsfunktioner og emuleringsfunktioner. Disse funktioner vil dog blive gjort tilgængelige efterhånden.
Start enhedstilstand
For at starte enhedstilstand skal du først åbne Developer Tools. Du kan gøre dette med genvejen Ctrl-Shift-i, eller ved at klikke på Hamburger-ikonet og vælge Flere værktøjer> Udviklerværktøjer i genvejsmenuen.
Her skal du vælge enhedstilstandsknappen, som du finder vist i øverste venstre hjørne ved siden af inspektionsikonet.
Når det er gjort, vises en ny menu øverst, og du vil bemærke, at linealer også vises lodret og vandret.
Du kan bruge enhedsmenuen øverst til at vælge en bestemt enhed, du er interesseret i. Chrome vil automatisk ændre siden, så den passer til opløsningen (som du kan deaktivere, hvis du vil).
Udover muligheder for hurtigt at skifte mellem forskellige enheder, understøttes et par dusin enheder, specifikke og generiske, er det endvidere muligt at aktivere netværksregulering til at emulere langsomme forbindelser og at ændre brugeragenten, der automatisk ændres, når du skifter enheder.
Afhængigt af det aktuelle websted kan det være nødvendigt at genindlæse det for at få de rette resultater. Dette er for eksempel tilfældet på Ghacks, hvor jeg måtte genindlæse siden for at få vist den mobile version af webstedet.
En anden interessant mulighed er muligheden for hurtigt at skifte skærmbredde og højde for at efterligne liggende tilstand.
Du kan finde ud af mere om andre funktioner i Enhedstilstand på det officielle Chrome Developer-websted .
Konklusion
Enhedstilstand tilbyder en fremragende måde at teste, hvordan webstedsindhold vises i forskellige emulerede mobile enheder. Det kan bruges til hurtigt at teste, om den mobile version af et websted fungerer som tilsigtet, eller hvis der skal foretages ændringer for at få vist bedre indhold for mobilbrugere.