Ferwiderje mobile apparaten foar mobile ynhâld of ûntwerpen
Jierrenlang hawwe eksperts sizze dat ferkear op websiden fan besikers op mobile apparaten dramatysk nimt. Om dy reden hawwe in soad bedriuwen har gelyk begûn om in mobile strategy te garandearjen foar har online oanwêzigens, it meitsjen fan ûnderfiningen dy't sukses hawwe foar tillefoan en oare mobile apparaten.
As jo de tiid ferlern hawwe hoe't jo websiden foar mobile tillefoans ûntwerpe , en jo strategytsjinst ymplemintearje, wolle jo jo derfoar soargje dat jo besikers fan dizze side dizze ûntwerpen sjen kinne. Der binne in soad manieren wêr't jo dit dwaan kinne en wat wurk better as oaren. Hjir sjogge jo de metoade dy't jo brûke kinne om mobil stipe op jo websides te realisearje - tagelyk mei in oanbefelling yn 'e rin fan' e ein hokker de bêste metoade dit te meitsjen is op 'e webside fan hjoed!
Meitsje in keppeling oan in oare side ferzje
Dit is, troch de iene kant, de maklikste metoade om selde brûkers fan mobile tillefoans te behanneljen. Yn stee fan 'e soargen oft se kinne jo siden kinne of jo siden net sjen, kinne jo in keppeling earne tichtby de top fan' e side sette dy't op in apart mobile ferzje fan jo side wiist. Dan kinne de lêzers sels selektearje oft se de mobile ferzje sjen wolle of trochgean mei de "normale" ferzje.
De foardiel fan dizze oplossing is dat it maklik maklik út te fieren is. It freget jo om in optimisearre ferzje foar mobile te meitsjen en dêrnei in keppeling oan te jaan oan 'e top fan' e normale side siden.
De minuten binne:
- Jo moatte in aparte ferzje fan 'e side foar mobile brûkers bewarje. As jo side grutter wurdt, kinne jo ferjilde om dizze twadde ferzje te behâlden en jo siden kinne út syn synoade falle.
- Binne jo ek in tredde ferzje foar tablets meitsje? Hoe as in fjirde ferzje foar wearables? Dit konsept fan apparaat-spesifike ferzjes kinne tige kontrolearje fan kontrôle.
- Jo moatte in ûnsjoch ferwizing oan de top fan 'e side sette, dy't net-mobile readers sjen kin (en mooglik klikke op).
Uteinlik is dizze oanpak in ferâldere ien dy't ûnwis is in diel fan in moderne mobile strategy. It wurdt soms brûkt as standertfal fêststeld, wylst in bettere oplossing ûntwikkele is, mar it is echt in koart termynstipe oan dit punt.
Brûk JavaScript
Yn in fariaasje fan de hjirboppe neamde oanpak hawwe guon ûntwikkelers in soarte fan browser-deteksjeskript te brûken om te sjen as de klant op in mobile apparaat is en dizzen dy dan nei dizze aparte mobile site. It probleem mei browser detectie en mobile apparaten is dat der tûzenen mobile apparaten binne dêr. Om te besykjen om se te befetsjen, kinne alle siden mei jo Java-siden alle websiden yn in downloadmoarm meitsje - en jo binne noch altyd ûnderwerp fan deselde minne as de hjirboppe neamde oanpak.
Brûk CSS & # 64; mediofandheld
It CSS kommandearje @media handheld liket it in ideale manier wêze om CSS-styl te berikken krekt foar handheld apparaten - lykas toetsen. Dit liket in ideale oplossing foar it werjaan fan siden foar mobile apparaten. Jo skriuwe ien webside en meitsje dan twa stylblêden. De earste foar it "skerm" media type stipet jo side foar monitoren en kompjûters. De twadde foar de "handheld" stelt jo side foar lytse apparaten lykas dy mobile tillefoans. Klinkt maklik, mar it wurket net yn 'e praktyk.
De grutste foardiel fan dizze metoade is dat jo net twa ferzjes fan jo webside hâlde moatte. Jo stean just ien, en it stylblêd definie hoe't it socht moat - dat is eigentlik tichter by de einslanking dy't wy wolle wolle.
In probleem mei dizze metoade is dat in soad tillefoans de handheld mediatype stypje - se produsearje har siden mei it skerm media type ynstee. En in soad âldere mobile tillefoans en hannelingen stypje CSS hielendal net. Op it lêst is dizze metoade net betroud, en wurdt dus selden brûkt om mobil ferzjes fan in webside te leverjen.
Brûk PHP, JSP, ASP om de brûkers-Agent te selektearjen
Dit is in folle bettere manier om mobile brûkers nei in mobile ferzje fan 'e side te feroarjen, om't it net op in skripttaal of CSS berikt dat it mobile apparaat net brûkt. Ynstee dêrfan brûkt hy in server-side-taal (PHP, ASP, JSP, ColdFusion, ensfh.) Om de brûkers-agent te sjen en it HTTP-fersyk dan feroarje te wizen op in mobile side as it in mobile apparaat is.
In ienfâldige PHP koade om dit te dwaan, soe dit folgje:
stristr ($ ua, "Windows CE") of
stristr ($ ua, "AvantGo") of
stristr ($ ua, "Mazingo") of
stristr ($ ua, "Mobile") of
stristr ($ ua, "T68") of
stristr ($ ua, "Syncalot") of
stristr ($ ua, "Blazer")) {
$ DEVICE_TYPE = "MOBILE";
}
as (isset ($ DEVICE_TYPE) en $ DEVICE_TYPE == "MOBILE") {
$ location = 'mobile / index.php';
header ('Lokaasje:'. $ location);
útgong;
}
?>
It probleem hjir is dat der in protte oare lotten brûkers-aginten binne dy't brûkt wurde troch mobile apparaten. Dit skript sil in soad fan har fangen en ferwiderje, mar net allegear troch alle middels. En mear wurde de tiid tafoege.
Plus, lykas mei de oare oplossings dy't jo hjirboppe hawwe, moatte jo noch in aparte mobile site foar dizze lêzers bewarje! Dizze minne ûntwikkeling fan twa (of mear)! Websites is reden genôch om in bettere oplossing te sykjen.
Brûk WURFL
As jo noch bepaald binne om jo mobile brûkers opnij te setten nei in aparte side, dan is WURFL (Wireless Universal Resource File) in goede oplossing. Dit is in XML-bestân (en no in DB-triem) en ferskate DBI-biblioteken dy't net allinich aktive net-data-oanbiedersgegevens befetsje, mar ek hokker funksjes en mooglikheden dy brûkers-aginten stipe.
Om WURFL te brûken, kinne jo de XML-konfiguraasjetriem downloade en dan jo taal selektearje en de API op jo webside ynfiere. Der binne ark foar WURFL mei Java, PHP, Perl, Ruby, Python, Net, XSLT, en C ++.
It foardiel fan WURFL brûke is dat der in soad minsken wizigje en de opmaak taheakke oan it config-bestân. Dus as jo de triem dy't jo brûke is ûngelikense hast foardat jo it ynladen hawwe, binne de kâns dat jo as ien kear yn 'e moanne itselde downloade hawwe, jo hawwe alle mobyl browsers dy't jo lêzers gewoane brûke sûnder ien problemen. De opslach is fansels dat jo jo opnij downloade en aktivearje moatte - allinich jo kinne brûkers rjochtsje op in twadde webside en de minuten dy't skept.
De bêste oplossing is reaktyf ûntwerp
Dus as it bewarjen fan ferskillende siden foar ferskate apparaten is net it antwurd, wat is? Responsive web design .
Responsive ûntwerp is wêr't jo CSS-media-fraachtekens brûke om stilen te kiezen foar apparaten fan ferskillende breedtes. Spesjale ûntwerp jout jo in webside foar sawol mobile en net-mobile brûkers. Dan moatte jo net omgean oer hokker ynhâld te sjen op 'e mobile site of ûnthâlde jo de lêste feroarings op jo mobile site te ferfangen. Plus, as jo de CSS skreaun hawwe, moatte jo net wat nij downloade.
Spesjale ûntwerp kin miskien net perfekt fine op tige âlde apparaten en browsers (meastentiids binne hjoed in tige lyts gebrûk en moatte net folle fan in soargen wêze foar jo), mar omdat it tafoege is (tafoegje stilen op de ynhâld, ynstee fan ynhâld te hâlden fuort) dizze lêzers sil jo webside noch hyltyd lêze, it juste net perfekt te sjen op har âld apparaat of browser.