Redirect mobile devices rau cov ntsiab lus txawb los yog cov qauv
Xyoo tam sim no, cov kws txawj tau hais tias cov tsheb mus rau cov websites ntawm cov neeg siv khoom hauv mobile tau nce lawm. Vim li no, ntau lub tuam txhab tau muaj ntsej muag ua kom muaj lub tswv yim zoo tshaj plaws rau lawv cov nyob online, tsim kom muaj kev paub txog cov xov tooj thiab lwm cov khoom siv.
Thaum koj siv sijhawm los kawm tsim cov nplooj ntawv web pages rau xov tooj ntawm tes , thiab siv koj lub tswv yim, koj tseem xav kom paub tseeb tias koj qhov chaw koj tuaj saib tau pom cov qauv tsim. Muaj ntau txoj hauv kev uas koj tuaj yeem ua qhov no thiab qee qhov haujlwm zoo dua lwm tus. Ntawm no yog saib ntawm txoj kev koj siv tau los siv cov kev them nyiaj yug ntawm koj lub vev xaib - nrog rau kev pom zoo nyob ze rau qhov kawg rau qhov kev ua tau zoo tshaj plaws rau qhov no yog hnub no lub vas sab!
Muab Ib Qhov Txuas Mus Rau Lwm Qhov Chaw Tshawb Xyuas
Qhov no yog, nyob deb, txoj kev yoojyim rau cov neeg siv xovtooj ntawm tes. Tsis txhob txhawj txog seb lawv puas tuaj yeem pom lossis tsis pom koj cov nplooj ntawv, tsuas yog muab qhov chaw nyob ze rau sab saum toj ntawm nplooj ntawv uas taw rau ib lub xov tooj ntawm koj lub vev xaib. Tom qab ntawd cov neeg nyeem yuav tuaj yeem xaiv qhov lawv xav pom qhov mobile version los yog txuas ntxiv nrog cov "ib txwm".
Cov txiaj ntsig ntawm cov tshuaj no yog tias nws yog ib qho yooj yim rau kev siv. Nws yuav tsum tau tsim koj los ua ib qho qauv zoo rau kev txawb thiab ces ntxiv ib qhov txuas mus rau qhov chaw nyob sab saum toj ntawm cov nplooj ntawv sab nraud.
Cov teeb meem yog:
- Koj yuav tsum tswj kom muaj kev sib tw ntawm lub site rau cov neeg siv khoom siv. Raws li koj qhov chaw loj dua, koj yuav tsis nco qab tias qhov thib ob version thiab koj qhov chaw yuav poob rau ntawm sync.
- Koj puas tseem tsim tau ib feem peb rau cov ntsiav tshuaj? Yuav ua li cas hais txog tus plaub version rau wearables? Lub tswv yim ntawm kev ntaus ntawv tshwj xeeb no tau txais qeeb tawm ntawm kev tswj ceev heev.
- Koj yuav tsum tau tso ib qho kev sib txuas lus nyob rau sab saum toj ntawm cov nplooj ntawv uas tsis yog neeg nyeem cov xov xwm tuaj yeem pom (thiab tejzaum nws nias rau).
Thaum kawg, qhov kev qhia no yog ib qho kev tsis zoo uas tsis zoo li yog ib feem ntawm lub tswv yim niaj hnub. Nws qee zaum siv los ua kom tsis muaj teeb meem thaum muaj kev daws teeb meem zoo dua, tiam sis nws yeej yog ib lub sij hawm luv luv ntawm cov qhab-nees ntawm no.
Siv JavaScript
Hauv kev hloov ntawm txoj kev hais saum toj no, qee tus tsim tawm siv qee yam browser tshawb nrhiav cov ntawv kom pom tias tus neeg mob yog nyob rau ntawm ib lub tshuab ntaus ntawv thiab mam li rov mus rau qhov ntawd cais ntawm. Qhov teeb meem nrog browser nrhiav thiab mobile li yog tias muaj ntau txhiab tus mobile li tawm muaj. Txhob txhawm rau txheeb lawv tag nrho nrog ib qho JavaScript yuav tig tag nrho koj cov nplooj ntawv rau hauv ib lub npau suav kev daus - thiab koj tseem muaj feem ntau ntawm cov tib neeg tsis muaj teeb meem raws li cov lus hais saum toj no.
Siv CSS & # 64; media handheld
CSS cov lus txib @media handheld rau nkawd zoo li nws yuav yog ib txoj kev zoo tshaj plaws los mus tso saib CSS cov qauv rau cov twj siv twj ywm - zoo li xovtooj ntawm tes. Qhov no zoo li kev daws teebmeem rau kev teev cov nplooj ntawv rau cov khoom siv mobile. Koj sau ib nplooj ntawv Web site thiab tom qab ntawd tsim ob cov ntawv txheeb. Thawj rau qhov "screen" media types your page for monitors thiab computer screens. Qhov thib ob rau ntawm "handheld" styles koj nplooj ntawv rau cov khoom me me zoo li cov xov tooj ntawm tes. Suab yooj yim, tab sis nws tsis tshua ua hauj lwm hauv kev xyaum.
Qhov loj tshaj plaws rau qhov no yog qhov uas koj tsis tas yuav tsum muaj ob lub hauv paus ntawm koj lub vev xaib. Koj cia li tswj tau ib qho, thiab cov ntawv npluas qhia tias nws yuav tsum tau zoo li cas - uas yog qhov tseeb tau txais los ntawm qhov xaus peb xav tau.
Ib qho teeb meem nrog rau hom no yog tias ntau lub xov tooj tsis txhawb cov hom xov xwm uas siv hom-lawv tso lawv cov nplooj ntawv nrog lub vijtsam tawm. Thiab ntau cov xov tooj ntawm tes thiab cov handhelds tsis txhawb CSS txhua. Thaum kawg, qhov no yog qhov tsis ruaj khov, thiab yog vim li ntawd tsis tshua siv los xa xov tooj ntawm lub website.
Siv PHP, JSP, ASP mus ntes tus neeg siv-Agent
Qhov no yog txoj hauv kev zoo dua rau kev siv cov xov tooj ntawm mobile rau ib lub xov tooj ntawm lub vev xaib, vim hais tias nws tsis cia ib tug ntawv sau ntawv los yog CSS uas lub xov tooj ntawm tes tsis siv. Xwb, nws siv hom lus ntawv (PHP, ASP, JSP, ColdFusion, thiab lwm yam) kom saib tus neeg siv-tus neeg sawv cev thiab hloov hloov HTTP kom taw tes rau cov nplooj ntawv mobile yog tias nws yog ib lub tshuab ntaus ntawv.
Ib qho yooj yim PHP code ua li no yuav zoo li no:
stristr ($ ua, "Windows CE") lossis
stristr ($ ua, "AvantGo") lossis
stristr ($ ua, "Mazingo") lossis
stristr ($ ua, "Txawb") lossis
stristr ($ ua, "T68") lossis
stristr ($ ua, "Syncalot") lossis
stristr ($ ua, "Blazer")) {
$ DEVICE_TYPE = "MOBILE";
}
yog hais tias (tsim nyog ($ DEVICE_TYPE) thiab $ DEVICE_TYPE == "MOBILE") {
$ qhov chaw = 'mobile / index.php';
header ('Qhov chaw:' $ qhov chaw nyob);
tawm;
}
?>
Qhov teeb meem ntawm no yog hais tias muaj ntau ntau thiab ntau ntau lwm tus neeg siv-neeg ua hauj lwm uas siv los ntawm cov cuab yeej txawb. Tsab ntawv no yuav ntes thiab txo ntau ntau tiam sis tsis yog txhua yam los ntawm kev txhais tau tias. Thiab ntau ntxiv tag nrho cov sij hawm.
Ntxiv rau, nrog rau lwm cov kev daws teeb meem saum toj no, koj yuav tsum tau tseem muaj ib qho chaw sib txuas lus rau cov neeg nyeem! Qhov teeb meem ntawm kev siv ob lub (lossis ntau dua!) Qhov teeb meem no yog vim li cas txaus los nrhiav kev tawm tsam zoo dua.
Siv WURFL
Yog tias koj tseem tau txiav txim siab mus rau redirect koj cov neeg siv mobile mus rau ib qho chaw cais, ces WURFL (Wireless Universal Resource File) yog ib txoj hauv kev zoo. Qhov no yog XML ntaub ntawv (thiab tam sim no ib daim DBI) thiab DBI ntau ntawv uas tsis yog tsuas yog muaj cov neeg siv wireless-tus neeg saib xyuas cov ntaub ntawv tiam sis tseem uas nta thiab kev ua haujlwm nrog cov neeg siv cov neeg sawv cev.
Siv WURFL, koj download tau XML configuration ntaub ntawv thiab tom qab xaiv koj cov lus thiab siv API hauv koj lub vev xaib. Muaj cov cuab yeej siv WURFL nrog Java, PHP, Perl, Ruby, Python, Net, XSLT, thiab C ++.
Cov txiaj ntsig ntawm kev siv WURFL yog tias muaj ntau ntau cov neeg muab kho dua thiab ntxiv rau cov ntaub ntawv txhua lub sijhawm. Yog li thaum cov ntaub ntawv koj siv nyob nraum ua ntej koj twb tiav downloading nws, yuav muaj yog tias koj download tau nws ib zaug ib lub hlis los yog li ntawd, koj yuav muaj tag nrho cov mobile browsers koj nyeem cov cwj pwm tsis siv teeb meem. Cov downside, ntawm chav kawm, yog tias koj yuav tsum pheej mus download thiab hloov no - tag nrho kom koj thiaj li ncaj qha cov neeg siv mus rau ib lub website thib ob thiab cov teeb meem uas tsim.
Qhov Txhim Kho Qhov Zoo Tshaj Tawm yog Kev Paub Txog
Thiaj li yog tias tswj cov chaw sib txawv rau cov khoom sib txawv tsis yog lo lus teb, yog dab tsi? Kev tsim muaj qhov web tsim .
Responsive design yog qhov uas koj siv CSS cov xov xwm los piav txog kev paub txog kev siv ntau lub voj voos. Kev tsim kom muaj kev tsim tso cai rau koj los tsim ib phab Web site rau cov neeg siv mobile thiab cov neeg siv xov xwm tsis yog. Tom qab ntawd koj tsis tas yuav txhawj txog cov ntsiab lus los nthuav tawm ntawm lub vev xaib lossis nco ntsoov hloov cov kev hloov tshiab rau koj lub vev xaib. Ntxiv rau, thaum koj muaj CSS sau, koj tsis tas yuav mus download tau txhua yam tshiab.
Kev tsim kho yuav tsis ua hauj lwm zoo heev rau cov cuab yeej siv qub (browsers) (feem ntau yog siv tsawg hnub no thiab yuav tsum tsis txhob txhawj txog koj), tab sis vim nws yog qhov khoom ntxiv (ntxiv hom mus rau cov ntsiab lus, tam sim no) cov neeg nyeem no tseem yuav tau nyeem koj lub vev xaib, nws tsuas yog yuav tsis zoo nyob ntawm lawv cov cuab yeej los sis qhov browser.