CyfrifiaduronTechnoleg gwybodaeth

Addasu'r safle ar gyfer dyfeisiau symudol: cyfarwyddiadau cam wrth gam. gwefan symudol

Mae addasiad symudol y safle yn dod yn fwy poblogaidd oherwydd y nifer cynyddol o smartphones a thabledi. Beth yw e? Beth yw'r manteision? Yn enwedig y cwestiwn hwn yn gwirioneddol ar gyfer perchnogion siopau ar-lein a gwefannau cwmnïau gwasanaeth gwahanol, blogiau a fforymau poblogaidd. Sut i addasu safle ar gyfer dyfeisiau symudol y gellir eu cynnal? Dyma restr fer o gwestiynau fydd yn cael eu trafod yn y fframwaith yr erthygl.

gwybodaeth gyffredinol

Felly, yn gyntaf gadewch i ni edrych ar yr hyn y mae dylunio ymatebol. Felly y mae y cyfluniad y mae holl ddyfeisiau a anfonir at yr un HTML-god, ond mae'r dimensiynau o'r elfennau yn cael eu haddasu trwy CSS. Gall Amrywiol robotiaid chwilio canfod safleoedd o'r fath, ar yr amod bod y tudalennau a'r adnoddau gweladwy i sganio. Er mwyn dweud wrth y porwr i posibilrwydd hwn, defnyddiwch y tag enw meta = "viewport". Beth yw addasiad y safle ar gyfer dyfeisiau symudol?

Ystyriwch tag

Felly, mae'n rhaid i chi wneud yn siŵr bod oedd yr enw meta tag = "viewport". Pam y byddai ef? Fod yna cyfarwyddiadau i'r porwr ar sut i addasu maint a graddfa y dudalen at led y sgrin ddyfais, o ble i chi weld y safle. Os nad ydych yn ychwanegu yr eitem fach, mae'r dudalen diofyn yn cael ei arddangos, a gynlluniwyd ar gyfer cyfrifiaduron. Ond tra bydd porwyr symudol yn ceisio gwneud y gorau o gynnwys, a fydd yn arwain at gynyddu'r ffont, cynnwys scalable neu arddangos y cynnwys sy'n ffitio ar y sgrin. A yw'n braf? Na, byddai'r fersiwn symudol o'r safle mewn achos o'r fath yn achosi dim ond canfyddiad negyddol. Ar ôl yr holl ffontiau yn anghymesur, mae angen i sgrolio y dudalen ac yn gwneud mwy o nifer o gamau sydd, er eu bod yn fach, ond yn dal yn ddiflas. Gwiriwch addasu y safle ar gyfer dyfeisiau symudol, gallwch ddefnyddio eich ffôn, tabled, neu wasanaethau a rhaglenni arbennig. Wrth gwrs, mae'r ddau opsiwn cyntaf yn cael eu ffafrio, ond os oes angen dadansoddiad trylwyr o safbwynt gwahanol ddyfeisiau ac i arbed amser, ac yna yn addas yr olaf.

Beth yw manteision o addasu'r safle ar gyfer dyfeisiau symudol?

Gan ddefnyddio'r dull hwn yn caniatáu i chi:

  1. Defnyddwyr i rannu cynnwys mewn achosion lle mae ganddo un cyfeiriad.
  2. Mae'r algorithmau o beiriannau chwilio i gael y gosodiad dudalen union, mae dryswch gyda'r fersiynau gwahanol.
  3. Lleihau'r tebygolrwydd o gamgymeriadau.
  4. Lleihau amser lesewch drwy ddileu'r angen ail-mynegeio.
  5. Arbed adnoddau.

Yn ogystal, tudalen addasol i greu haws nag ychydig o ddewisiadau ar gyfer rhywbeth un. Nid Addasu'r safle ar gyfer dyfeisiau symudol (i wneud hyn yn eithaf posibl) yn rhywbeth anodd gwybod JavaScript digon ac yn gallu gweithio sy'n defnyddio dalennau arddull rhaeadru (CSS) a delweddau. Mae yna nifer o ddulliau i'r dasg hon. Fel rhan o'r erthygl yn cael eu hystyried gan dri o'r opsiynau mwyaf poblogaidd:

  1. Mae'r pwyslais yn JavaScript.
  2. Cyfuno.
  3. defnydd deinamig o JavaScript.

Gadewch i ni eu hystyried yn fwy manwl.

Addasu defnyddio JavaScript

Yn yr achos hwn, mae cynnwys sengl. A chyda JavaScript fformatio newidiadau yn y mecanwaith o weithrediad y dudalen. Mae popeth yn yr achos hwn yn dibynnu ar y llwyfan. Mae'r algorithm yn debyg i ymholiadau gan y cyfryngau rhaeadru dalen arddull. Ystyriwch enghraifft fach o'r gwaith yn ymarferol. Felly, mae gennym dudalen gyda HTML-god, sy'n cael ei osod yn elfen