Chrome Enhets Mode funksjon: emulere mobile enheter raskt
Som en webmaster, har du ikke bare å sørge for at de riktige innholdet vises i desktop-brukere, men også at mobile brukere serveres riktig.
Dette kan være et stort problem med tanke på at du ikke kan mulig test alle mulige operativsystemer, nettlesere og skjermoppløsninger disse enhetene bruker, i hvert fall ikke uten emulering eller noen hjelp i programmet.
En av de tingene som du ønsker å være sikker på er at nettstedet viser fin uavhengig av skjermstørrelse. Det skal vise greit for besøkende surfer på nettet med Apples Iphone 5, med en Google Nexus enhet, en Windows Phone eller en Amazon Kindle.
Google Chrome Device Mode, som er tilgjengelig i krom også, gir deg verktøyene til raskt å etterligne mobilenheter i nettleseren.
En anvendelse er å sørge for at skjermen viser de fine på enheten, en annen for å finne ut hvor godt innholdet er levert til enheten.
Merk : versjoner av Chrome kan mangle noen Device Mode og emulering funksjoner. Disse funksjonene vil bli gjort tilgjengelig til slutt likevel.
Start Device Mode
For å starte enhetsmodus åpne utviklerverktøy først. Du kan gjøre dette med snarveien Ctrl-Shift-i, eller ved å klikke på Hamburger-ikonet og velge Flere Verktøy > Utviklerverktøy fra kontekstmenyen.
Her må du velge enheten mode knapp som du finner oppført øverst i venstre hjørne ved siden av inspektøren ikonet.
Når dette er gjort, er en ny meny vises øverst, og du vil merke at herskerne vises vertikalt og horisontalt i tillegg.
Du kan bruke enhetsmenyen på toppen for å velge en bestemt enhet du er interessert i. Chrome vil automatisk endre for å passe oppløsningen (som du kan deaktivere hvis du vil).
I tillegg til alternativer for å raskt bytte mellom forskjellige enheter, som støttes er et par dusin enheter, spesifikke og generiske, er det dessuten mulig å aktivere nettverks struping å etterligne trege forbindelser, og til å endre user agent som endres automatisk når du bytter enheter.
Avhengig av det aktuelle området, kan det være nødvendig å laste det for riktig resultat. Dette er for eksempel tilfelle på Ghacks hvor jeg måtte laste siden på nytt for å vise den mobile versjonen av nettstedet.
Et annet interessant alternativ er muligheten til raskt å bytte skjerm bredde og høyde for å etterligne liggende modus også.
Du kan finne ut mer om andre funksjoner på enheten Mode på den offisielle Chrome Utviklernettsted.
Konklusjon
Device Mode tilbyr en utmerket måte å teste hvordan nettstedet innholdet vises i ulike emulerte mobile enheter. Den kan brukes til raskt å teste om den mobile versjonen av et nettsted fungerer som forutsatt, eller hvis endringer må gjøres for å vise innholdet bedre til mobile brukere. Anmeldelser