Utvikling for mobiltelefoner

Utvikling for mobiltelefoner


Folk surfe på Internett ved hjelp av en rekke enheter, operativsystemer, plattformer og nettleser programmer. Det har alltid vært viktig å sørge for at nettstedene fungere effektivt i ulike nettlesere, men betydningen av å utvikle for mobile brukere har aldri vært større enn nå. Mobile enheter inkluderer smarttelefoner, PDAer, håndholdte enheter og noen av de mindre nettbrett og Net-bok datamaskiner. Utvikling for mobiltelefoner er ikke vesentlig forskjellig på å utvikle for tradisjonelle PC-nettlesere, men har et unikt sett av krav.

Bruksanvisning

1 Oppdage hva slags nettleser og enheten de besøkende bruker. Det er mange måter å oppdage informasjon om den besøkendes nettleser fra ditt nettsted kode. Hvis du bruker en server side språk som PHP, kan du finne ut om den besøkende er visning på en mobil før HTML-strukturer har selv blitt presentert. Hvis du trenger å registrere mobile enheter på klientsiden, bruker Javascript Navigator objekt som følger:

Var useragent = navigator.userAgent;

2 Tailor stilen på nettstedet ditt for å passe mobiltelefoner og andre enheter med små skjermer. De fleste Web-design for PC eller laptop visning er altfor stor og komplisert for visning på mobiler, slik at innholdet på nettstedet ditt vil ikke bli presentert effektivt hvis du bruker samme design for alle. For å stille et eget stilark for mobil surfing, se følgende eksempel Javascript:

// Oppdage iphone

if (userAgent.search ( "iPhone")> = 0) document.getElementById ( "stylesheet") href = "mobile_style.css.";

Dette vil endre stilen på en side med en stil indikeres som følger:

<Link id = "stylesheet" rel = "stylesheet" type = "text / css" href = "main_style.css" />

3 Tailor innholdet på nettstedet ditt for mobile brukere. I tillegg til å ha mindre skjermstørrelser, mobile nettlesere er stort sett avhengig av mobile forbindelser og er derfor tregere enn en gjennomsnittlig stasjonær eller bærbar PC for å laste. Mange har også begrensede data planer på sine mobiltelefoner, og foretrekker områder som har mindre mengder innhold. Vurder å bruke færre bilder og andre store mediefiler på mobilsidene og minimere filstørrelser der du kan.

4 Opprett en egen mobilside. I de fleste tilfeller den mest effektive måten å imøtekomme til mobil besøkende er ved å opprette en hel egen versjon av nettstedet som er utviklet spesielt for mobile visning. Dette betyr at du kan skreddersy innhold, stil og funksjonalitet uten at dette forstyrrer ditt hovedområde. Web host kan tilby fasiliteter for mobil utvikling på webserveren og brukerne vil bli omdirigert til mobilnettstedet automatisk.

5 Lag mobile applikasjoner i tillegg til ditt nettsted. Spesielt hvis nettstedet har et kommersielt formål, kan det være verdifullt å gi mennesker med en mobil "app" for å få tilgang til det heller enn å måtte besøke den i telefonen sin nettleser. Dette kan være en komplisert øvelse, men du kan fokusere på de store plattformer som iPhone og Android.

Hint

  • Hvis du oppretter en egen mobilversjon av nettstedet ditt, sørg for at du gir de besøkende muligheten til å vise hele området hvis de ønsker, som noen mobile nettlesere er i stand til å presentere nesten alle andre områder.
  • Ikke overse mobile nettlesere som antall mennesker surfer på denne måten er stort og økende.