Mobil emulering i Google Chrome

Bare sagt, vi elsker Google Chrome. Den går jevnt, ser enkelt ut, og har mange nyttige Apps. Fra utviklerens synspunkt er Google Chrome alltid et skritt fremover når det gjelder å støtte den nyeste webstandarden, noe som er flott.

Det kommer også med en rekke verktøy for webutvikling, hvorav noen ennå ikke har blitt implementert i andre nettlesere innebygde utviklerverktøy. Disse inkluderer Viewport Emulering, Geolocation og Device Orientation Override, og Touch Emulation.

Nylig har Google Chrome presset en ny funksjon kalt mobil emulering som gjør at vi i Chrome kan se hvordan et nettsted vil reagere, jobbe og oppføre seg som i en faktisk mobilenhet. Høres kult ut? Vel, la oss se hvordan det fungerer.

Å være responsiv eller ikke

Selv om Responsive Web Design blir vedtatt i disse dager, men det kunne ikke passe behovene til alle typer nettsteder. Enkelte typer kan kreve et dedikert, separat mobilt nettsted på grunn av begrensningene til mobile enheter - enkelte elementer på nettstedet kan forsvinne på mobilen; funksjoner kan oppføre seg annerledes mens de er mobile og på skrivebordet.

Ta Amazon.com som et eksempel. Når du ser det på skrivebordet og endrer størrelsen på visningsportstørrelsen, skjer ingenting. Ta mobiltelefonen din, se den, og den viser den forenklede mobilversjonen av nettstedet. Amazon tar den separate mobilruten, i stedet for å snu sin hjemmeside responsiv.

Hvordan det fungerer

Hvis du vil gjøre det samme, bygge et dedikert mobilnettsted, du kan nå bruke mobilemulering i Chrome for å lette jobben din for feilsøking av nettstedet. Denne funksjonen, på tidspunktet for skrivingen, er bare tilgjengelig i Chrome Canary . Den finner du under en ny emulasjonsfane i DevTools.

Det er verdt å merke seg at plasseringen eller navnet kunne endres i fremtiden når det er presset til "vanlig" Chrome.

Chrome har en rekke forhåndsdefinerte enheter, inkludert Google Nexus, iPad, iPhone, Blackberry og Kindle. Velg en, klikk på Emulate-knappen.

Enhetsspesifikasjonene, for eksempel Viewport Size, User Agent String og Pixel Ratio, samt andre innstillinger reflekterer automatisk dimensjonene til den valgte enheten.

Oppdater Chrome, og du bør nå kunne navigere på nettstedet som om det vises på mobil. Hvis du ser nærmere, merker du at musemarkøren blir en sirkel som indikerer aTouch Event. På din bærbare touchpad kan du bruke to fingre for å rulle og tre fingre for å sveipe, slik som det.

Videre kan du utforske denne funksjonen på enkelte nettsteder som har en dedikert mobilversjon, for eksempel:

• Facebook
• Google
• Mål
• New York Times
• Youtube

Slik skjuler du en ZIP-fil inne i et bilde på Mac [Quicktip]

Det er tider når du vil gjemme sensitive filer fra nysgjerrige øyne. Du kan kryptere dem, men kryptering og dekryptering tar tid, og filene de forlater gjør det åpenbart at du har noe å skjule .I denne quicktip, vil vi vise deg en enkel måte å skjule filene dine i vanlig syn på din Mac. Det vil innebære å gjemme dine zip-filer bak en bildefil. Dette er

(Tekniske og design tips)

Slik kjører du flere forekomster av Google Disk på Windows gratis

Mange har flere Google Disk-kontoer - si for jobb og personlig bruk - men Google lar deg ikke kjøre to forekomster av Google Backup og Sync-app på en enkelt PC. Derfor har brukerne betalt for tredjepartsapps bare for å synkronisere flere Google Disk-kontoer samtidig.Men etter min mening, å betale for en funksjon som skulle ha blitt tilbudt av Google for mange år siden (som Dropbox), føles ikke riktig. Og e

(Tekniske og design tips)