ÒdinatèTeknoloji enfòmasyon

Adapte sit la pou aparèy mobil: etap pa etap enstriksyon. mobil sit entènèt

adaptasyon nan mobil nan sit la se vin pi plis popilè akòz nimewo a ogmante nan smartphones ak grenn. Ki sa ki sa li ye? Ki benefis yo? Espesyalman kesyon sa a se aktyèl pou mèt nan boutik yo sou entènèt epi sou sit entènèt nan konpayi sèvis divès kalite, blogs ak fowòm popilè. Ki jan yo adapte yon sit pou aparèy mobil ka te pote soti? Isit la se yon lis kout nan kesyon ki pral diskite nan fondasyon an nan atik la.

enfòmasyon jeneral

Se konsa, premye kite pou yo gade nan ki sa yon konsepsyon reponn. Se konsa, se configuration la, te nan kote tout aparèy voye a menm HTML-Kòd la, men dimansyon yo nan eleman yo yo ajiste a CSS. robo rechèch Divès kapab detekte sit sa yo, depi ke paj sa yo ak resous vizib pou optik. Yo nan lòd yo di navigatè a nan sa a posibilite, sèvi ak tag meta non an = "viewport". Ki sa ki se adaptasyon an nan sit la pou aparèy mobil?

konsidere tag

Se konsa, ou dwe asire w ke te tag meta non an = "viewport". Poukisa ta li? Ke gen enstriksyon nan navigatè a sou kòman yo ajiste gwosè a ak echèl paj la a lajè a nan ekran an aparèy, soti nan kote ou wè sit la. Si ou pa ajoute sa a atik piti, se paj la default parèt, ki fèt pou òdinatè. Men, pandan ke navigatè mobil ap eseye optimize kontni an, ki pral rezilta nan ogmante font, évolutive kontni an oswa montre nan kontni an ki anfòm sou ekran an. Èske li bèl? Non, vèsyon an mobil nan sit la nan yon ka ta lakòz sèlman negatif pèsepsyon. Apre yo tout polis yo pral disproporsyone, li nesesè nan woulo liv paj la epi fè plis kantite aksyon ki, byenke yo yo minè, men yo toujou fatigan. Tcheke sit adaptasyon pou aparèy mobil, ou ka itilize telefòn ou, grenn, oswa sèvis espesyal ak pwogram yo. Natirèlman, de premye opsyon ki disponib nan yo pi pito, men si ou bezwen yon bon jan analiz nan pèspektiv a nan aparèy diferan ak pou konsève pou tan, lè sa a anfòm lèt la.

Ki sa ki avantaj ki genyen nan adapte sit la pou aparèy mobil?

Lè l sèvi avèk apwòch sa a pèmèt ou:

  1. Itilizatè yo yo pataje kontni nan ka kote li te gen yon sèl adrès.
  2. algoritm yo nan motè rechèch yo ka resevwa Layout la paj egzak, fòk gen dezòd ak vèsyon yo diferan.
  3. Diminye chans pou erè.
  4. Diminye tan bòt pa elimine bezwen re-Indexing a.
  5. Save resous.

Anplis de sa, yon paj adaptasyon yo kreye pi fasil pase yon opsyon kèk pou yon bagay yon sèl. Adapte sit la pou aparèy mobil (fè sa a se byen posib) se pa yon bagay difisil a konnen JavaScript ase ak kapab travay ak dra style kaskad (CSS) ak imaj yo. Gen anpil apwòch travay sa a. Kòm yon pati nan atik la ap konsidere pa twa nan opsyon sa yo ki pi popilè:

  1. Anfaz la nan JavaScript.
  2. Konbine.
  3. Dinamik pou sèvi ak JavaScript.

Se pou nou konsidere yo nan plis detay.

Adaptasyon nan lè l sèvi avèk JavaScript

Nan ka sa a, yon kontni sèl. Se avèk JavaScript chanjman fòma nan mekanis a nan operasyon nan paj la. Tout bagay nan ka sa a depann sou platfòm la. algorithm Sa a se menm jan ak queries plase medya kaskad fèy style. Konsidere yon ti egzanp nan travay la nan pratik. Se konsa, nou gen yon paj ki gen HTML-Kòd, ki se mete yon eleman