ComputersCov ntaub ntawv siv tshuab

Kev txhim kho ntawm qhov chaw rau cov khoom siv mobile: kev qhia tawm ib theem zuj zus. Mobile site version

Kev txawb txawb ntawm lub vev xaib yog ua ntau dua thiab nrov dua vim qhov nce hauv cov xov tooj ntawm cov smartphone thiab cov ntsiav tshuaj. Nws yog dab tsi? Nws zoo li cas? Tshwj xeeb tshaj yog qhov teeb meem no yog qhov tseem ceeb rau tus tswv ntawm khw muag khoom hauv online, chaw ntawm ntau yam kev pabcuam cov tuam txhab, blogs thiab nrov forums. Yuav ua li cas lub tsev kawm ntawv tau txais kev pab rau cov khoom siv mobile? Ntawm no yog ib daim ntawv teev lus luv luv ntawm cov teeb meem uas peb yuav xav txog hauv daim duab ntawm tsab xov xwm.

Cov lus qhia dav dav

Yog li ntawd, ua ntej ntawd cia saib dab tsi ib tug teb tsim. Qhov no yog lub npe ntawm tus txheej txheem nyob rau hauv tib qho HTML code xa mus rau tag nrho cov cuab yeej, tab sis qhov loj ntawm lub ntsiab yog kho los ntawm CSS. Txawv tshawb nrhiav neeg hlau muaj peev xwm paub txog cov chaw zoo li no, yog tias cov nplooj ntawv thiab cov kev pab qhib rau kev luam. Yuav kom qhia txog browsers rau qhov no tau, ib lub npe teev npe yog siv: "viewport". Dab tsi yog qhov hloov ntawm lub site rau mobile devices?

Xav txog daim pib

Yog li, koj yuav tau xyuas kom tseeb tias muaj ib lub npe hu ua meta = "viewport" tag. Vim li cas? Nws muaj cov lus qhia rau qhov browser ntawm yuav ua li cas kho tus loj thiab nplai ntawm nplooj ntawv, nqa mus rau hauv tus account lub dav ntawm lub screen ntawm lub ntaus ntawv los ntawm uas lub site yog saib. Yog tias koj tsis ntxiv qhov no me me, lub vev xaab nplooj ntawv yuav yog qhov nplooj uas tsim los rau cov computers. Tab sis thaum mobile browsers yuav sim ua kom zoo dua cov ntsiab lus, uas yuav ua rau muaj zog ntxiv, cov ntsiab lus ntawm cov ntsiab lus lossis cov yeeb yam ntawm cov ntsiab lus uas tau txais ntawm qhov screen. Yog nws qab ntxiag? Tsis yog, lub xov tooj ntawm lub vev xaib ntawm qhov chaw no yuav ua rau tib neeg tsis pom kev zoo. Tom qab tag nrho, cov fonts yuav disproportionate, koj yuav tsum tau scroll nplooj thiab ua tau ib tug series ntawm kev ua uas, txawm tias lawv yog theem nrab, yog tseem tsho. Kuaj xyuas qhov kev hloov ntawm lub vev xaib rau cov xov tooj ntawm tes yuav siv smartphone, ntsiav tshuaj los yog cov kev pabcuam tshwj xeeb thiab cov kev pabcuam. Tau kawg, thawj ob txoj kev xaiv tau ntau dua, tab sis yog tias koj xav tau ib qho kev ntsuam xyuas ceev faj los ntawm txoj hauj lwm ntawm cov khoom sib txawv thiab txuag lub sij hawm, ces tom kawg yuav ua.

Dab tsi yog qhov zoo ntawm qhov kev hloov ntawm lub site rau mobile devices?

Siv qhov kev qhia no pub rau:

  1. Cov neeg siv cov ntsiab lus hauv cov xwm txheej uas nws muaj ib qhov chaw nyob.
  2. Nrhiav cav algorithms tau pes tsawg phab tsis muaj, tsis muaj kev ntxhov siab nrog ntau lub versions.
  3. Txo qhov yuav ua rau yuam kev.
  4. Txo cov sij hawm ntawm vim tsis muaj kev rov qhab nia.
  5. Txuag kev pab.

Tsis tas li ntawd, tus sau lub nplooj ntawv yog yooj yim los tsim, es tsis yog ob peb lub versions ntawm ib yam dab tsi. Kev tsim kho rau ib qhov chaw rau cov khoom siv mobile (nws yog qhov tseeb tau ua koj tus kheej) tsis yog ib yam dab tsi nyuab, nws txaus kom paub JavaScript thiab muaj peev xwm ua haujlwm nrog cascading style los xij (CSS) thiab cov duab. Muaj ntau ntau txoj hauv kev ua tiav txoj hauj lwm. Tsis pub dhau lub moj khaum ntawm tsab xov xwm no, peb yuav pom ntau tshaj 3 yam kev sib txawv:

  1. Tsom ntawm JavaScript.
  2. Ua ke.
  3. Dynamic siv JavaScript.

Cia peb kuaj xyuas lawv hauv ntau yam.

Adaptation siv JavaScript

Hauv qhov no, siv cov ntsiab lus. Thiab nrog JavaScript, formatting hloov nrog lub mechanism ntawm nplooj. Txhua yam nyob rau hauv xws li mob nyob ntawm lub platform. Qhov algorithm no zoo ib yam li cov lus nug rau ib hom ntawv cascading. Xav txog ib qho piv txwv ntawm kev ua haujlwm. Yog li, peb muaj ib nplooj ntawv nrog HTML-code, uas cov