Nadattaw is-sit għal apparat mobbli: istruzzjonijiet pass pass. websajt mobbli

L-adattament mobbli tas-sit qed isir aktar popolari minħabba l-għadd dejjem jikber ta 'smartphones u pilloli. X'inhu dan? X'inhuma l-benefiċċji? Speċjalment din il-kwistjoni huwa reali għas-sidien ta 'ħwienet online u websajts ta' kumpaniji ta 'servizz differenti, blogs u forums popolari. Kif jadattaw sit għall-apparat mobbli tista 'ssir? Hawnhekk hawn lista qasira ta 'mistoqsijiet li se jiġu diskussi fil-qafas tal-oġġett.

informazzjoni ġenerali

Allura, l-ewwel ejja nħarsu lejn dak li disinn jirrispondu. Għalhekk hija l-konfigurazzjoni li fiha mezzi kollha mibgħuta lill-istess HTML kodiċi, iżda d-dimensjonijiet tal-elementi huma aġġustati permezz CSS. robots tiftix varji jistgħu jindividwaw siti bħal dawn, sakemm il-paġni u riżorsi viżibbli għall-iskanjar. Sabiex tgħid il-browser din il-possibbiltà, uża l-tikketta l-isem meta = "viewport". X'inhu l-adattament tas-sit għall-apparat mobbli?

Ikkunsidra tikketta

Allura, inti għandek tkun żgur li ma kien l-tikketta l-isem meta = "viewport". Għaliex kieku hu? Li hemm istruzzjonijiet lill-browser dwar kif biex taġġusta l-daqs u l-iskala il-paġna għall-wisa 'l-iskrin mezz, minn fejn inti tara l-sit. Jekk inti ma jżidux din il-partita żgħar, il-paġna default hija murija, maħsuba għall-kompjuters. Iżda filwaqt li browsers mobbli se tipprova biex jottimizzaw il-kontenut, li se jirriżultaw fiż-żieda tal-font, il-kontenut skalabbli jew wiri tal-kontenut li jaqblu fuq l-iskrin. Huwa sbieħ? Le, il-verżjoni mobbli tas-sit f'każ bħal dan toħloq biss perċezzjoni negattiva. Wara fonts kollha se jkunu sproporzjonati, huwa meħtieġ li tiskrollja-paġna u tagħmel aktar għadd ta 'azzjonijiet li, għalkemm huma minuri, iżda xorta tedious. Iċċekkja l-adattament sit għall-apparat mobbli, tista 'tuża telefon, pillola, jew servizzi speċjali tiegħek u programmi. Naturalment, l-ewwel żewġ għażliet huma preferuti, imma jekk għandek bżonn ta 'analiżi profonda mill-perspettiva ta' mezzi differenti u li jiffranka ħin, imbagħad waħħal l-aħħar.

X'inhuma l-vantaġġi ta 'adattament is-sit għal apparat mobbli?

Bl-użu dan l-approċċ jippermetti li inti:

1. Utenti biex jaqsmu kontenut f'każijiet fejn huwa għandu indirizz wieħed.
2. L-algoritmi ta 'search engines sabiex tikseb il-paġna tqassim eżatt, hemm konfużjoni mal-verżjonijiet differenti.
3. Tnaqqas il-probabbiltà ta 'żbalji.
4. Jitnaqqas il-ħin boot billi telimina l-ħtieġa-indiċjar ġdid.
5. Jiffrankaw ir-riżorsi.

Barra minn hekk, paġna adattivi biex joħolqu aktar faċli minn ftit għażliet għall xi ħaġa wieħed. Nadattaw is-sit għal apparat mobbli (biex isir dan huwa kompletament possibbli) mhix xi ħaġa diffiċli li tkun taf JavaScript biżżejjed u kapaċi li jaħdmu ma 'folji stil cascading (CSS) u stampi. Hemm ħafna metodi għal dan il-kompitu. Bħala parti mill-artikolu se jiġu kkunsidrati mill tlieta mill-għażliet l-aktar popolari:

1. L-enfasi fl JavaScript.
2. Jikkombinaw.
3. użu dinamiku tal JavaScript.

Ejjew jikkunsidraw lilhom f'aktar dettall.

Adattament ta 'użu JavaScript

F'dan il-każ, kontenut uniku. U mal-bidliet ifformattjar JavaScript għall-mekkaniżmu ta 'operazzjoni tal-paġna. Kollox f'dan il-każ jiddependi fuq il-pjattaforma. Dan algoritmu huwa simili għall-mistoqsijiet tal-midja cascading karta tal-istil. Ikkunsidra eżempju żgħir tax-xogħol fil-prattika. Allura, aħna għandna paġna ma HTML kodiċi, li jitqiegħed element . Fuq talba tiegħu se jittrażmettu wieħed u l-istess data. Iżda meta niġu għall-kura, din se jkollha prestazzjoni sinifikanti mezz impatt. U bħala riżultat - se jibdlu l-ifformattjar tal-paġna. Bħala eżempju, is-sitwazzjoni ma 'immaġni li se jiġu ottimizzati għall-iskop tal-wiri fuq smartphones u pilloli, aktar milli fuq il-kompjuters. Vantaġġ importanti ta 'din l-għażla hija li l-implimentazzjoni ta' kompjuter tkun skoperta awtomatikament. Barra minn hekk, inti m'għandekx bżonn li jiksbu header speċjali, minħabba li m'hemm l-ebda indikazzjoni tal-kontenut dinamiku.

kombinazzjoni

F'dan il-każ, l-adattament tas-sit għall-apparat mobbli użat permezz ta 'rikonċiljazzjoni u JavaScript karatteristiċi u l-funzjonijiet server. Kif il-iskema ġenerali? L-utent niġu għall-sit tiegħek minn mezz partikolari. JavaScript huwa infurmat dwar dak li jgawdu, u tgħaddi lill-server. Hemm jiġi ġġenerat id-code neċessarju li sussegwentement mibgħuta lill-apparat. U l-informazzjoni dwar dan hija maħżuna fil-fajl cookie. U l-ħin li jmiss inti żżur is-server jaqraha lilhom. Karatteristika ta 'dan l-approċċ huwa l-abbiltà li persuna tuża varjanti differenti ta' HTML code. Madankollu, biex jaħdem kif suppost għandek bżonn biex jieħu kura tal-preżenza tal-Vary header: User-aġent. verżjoni mobbli tas-sit fil-każ teħtieġ daqsxejn aktar tax-xogħol.

Dinamika JavaScript u għażliet oħra

F'dan il-każ dan jipprovdi li l-istess kodiċi ser tkun ipprovduta bil element ċerta li l-punti għal fajl estern, l-kontenut tagħhom bidla jiddependi fuq dak li l-aġent huwa użat. Dan huwa quddiemna hija paġna dinamiku. Kif huwa implimentat? Ħafna jużawha għal kulħadd l-istess Varja: User-aġent. U meta jittrattaw ma 'paġni ta' informazzjoni wkoll se jkunu aġġornati fil-ħin reali, li, naturalment, tajba ħafna. Fuq it-teorija xorta tista 'tkellem ħafna. Kif ma jiftakar Diva (