Urratsez urrats argibideak: Telefono mugikorren gunean egokitzea. Mobile webgunea

gunearen egokitzapena mobile eta gehiago popular bilakatu da smartphones eta pilulak kopurua handituz ondorioz. Zer da? Zeintzuk dira abantailak? Batez ere galdera hau denda eta zerbitzu hainbat enpresa, blogak eta herri foroak webgune online jabeek benetako da. Nola gailu mugikorren egin daiteke gune bat egokitzea? Hemen galdera hori artikuluaren esparruan eztabaidatuko da zerrenda labur bat da.

informazio orokorra

Beraz, lehenengo dezagun zer bat sentikorrena diseinua. Beraz konfigurazioa bertan bera HTML-kodea bidaliko gailu guztiak, baina elementuen dimentsioak CSS bidez egokitu dira da. Hainbat bilaketa-robots gune horiek detektatzen, emandako orriak eta baliabideak eskaneatu ikusgai dagoela. Ordena nabigatzailea kontatzeko aukera honetarako, erabili etiketa meta name = "mahaigain". Zer Telefono mugikorren gunean egokitzapena?

Demagun etiketa

Beraz, ziur zegoen etiketa meta name = "leihatila" egin behar dituzu. Zergatik ote da? Ez dagoela nabigatzailea argibideak tamaina orriaren nola egokitu eta eskalatzeko gailu pantailaren zabalera, bertatik gunean ikusterakoan behar dira. Ez baduzu elementua txiki hau gehitzeko, orri lehenetsia bistaratzen da, ordenagailuak diseinatuta. Baina nabigatzaile mugikorraren edukia, hau da, letra, eskalagarria eduki edo pantaila pantailan kabitzen edukia handitzea eragin optimizatzeko saiatuko bitartean. Da polita? Ez, kasu horretan gunearen bertsio mugikorra pertzepzioa negatiboa bakarrik eragingo luke. Ondoren tipo guztiak neurrigabea izango da, beharrezkoa da orrialdean mugitzeko eta bertan ekintza kopurua gehiago egiteko, txikiak dira, nahiz eta, baina oraindik lapurtera. Check gune egokitzapena Telefono mugikorren, telefonoa, tablet, edo zerbitzu eta programa bereziak erabili ahal izango dituzu. Jakina, lehenengo bi aukera hobetsi dira, baina azterketa sakon bat behar duzu gailu ezberdinetan ikuspuntutik bada eta denbora aurrezteko eta egokitu bigarrenak.

Zer dira Telefono mugikorren gunean egokitzeko abantailak?

planteamendu hau erabiliz aukera ematen dizu:

1. Erabiltzaileak edukien kasuetan helbide bat dauka ere partekatzeko.
2. bilatzaileak algoritmoak zehatza orriaren diseinua lortzeko, ez dago bertsio desberdinak dituzten nahasmena da.
3. Murriztu, akats arriskua.
4. Murriztu boot denbora behar berriro indexatzeko ezabatuz.
5. Save baliabideak.

Horrez gain, moldatzaile orri baten batek zerbait inork aukerak batzuk baino errazago sortzeko. gune egokitzea gailu mugikorrak (hau da, nahiko posible egin) ez da zerbait zaila Javascript nahikoa eta kaskadako estilo-orriak (CSS) eta irudiekin lan egiteko gai ezagutzeko. Badira zeregin hau planteamendu asko. artikuluaren aukera gehien hiruk hartuko zati gisa:

1. nabarmenduz Javascript jokoa.
2. Konbinatuz.
3. Javascript erabilera dinamikoa.

Demagun horiek kontuan hartu gurekin xehetasun gehiago.

Javascript erabiliz egokitzea

Kasu honetan, eduki bakar bat. Eta Javascript formatu-orriaren funtzionamenduaren mekanismoa aldaketa batekin. Kasu honetan dena plataformaren araberakoa da. Algoritmo honek media kontsultak estilo-orri Kaskadako antzekoa da. Demagun praktikan lana adibide txiki bat. Beraz, HTML-kodea, bertan elementu bat jartzen da orri bat dugu. berak eskatuta, datuak bera bat eta transmititzen dira. Baina orduan tratamendua da, eragina gailu performance esanguratsua izango da. Eta ondorioz - orriaren formatua aldatu egingo da. Adibide gisa, dela ikustean smartphones eta pilulak, baizik ordenagailuetan baino helburuarekin egingo optimizatu irudi bat egoera. Aukera hau abantaila garrantzitsu bat da, ordenagailu bat ezartzeko automatikoki detektatzen. Gainera, ez duzu goiburu berezi bat eskuratzeko, ez dago dinamikoa edukiaren pantaila dagoelako.

konbinazio

Kasu honetan, Telefono mugikorren gunean egokitzapena adiskidetzea eta Javascript ezaugarri eta zerbitzari-funtzio bidez erabiltzen. Nola eskema orokorra egiten du? Erabiltzaileak zure gunea dator gailu jakin batetik. Javascript zer zuen gozatu buruz informatua da, eta pasatzen da zerbitzariari. Ez dago sortzen da beharrezkoa Kodea geroago gailua bidaliko da. Eta horri buruz informazio cookiean fitxategi batean gordetzen da. Eta hurrengoan bisitatzen duzun zerbitzariari irakurtzen die. Planteamendu honen ezaugarri A HTML kode aldaera desberdinak erabiltzeko gaitasuna da. Erabiltzaile-agentea: Hala ere, behar bezala lan egiteko zaindu Vary goiburua presentzia behar duzu. Mobile Kasu gunean bertsio lanaren pixka bat gehiago eskatzen du.

Dynamic Javascript eta beste aukera

Kasu honetan kode bera duten elementu jakin bat duten kanpoko fitxategi bat seinalatzen emango ematen du, edukiak eta bertan aldaketa zer agente arabera erabiltzen da. Hau da gure aurrean dinamikoa orri bat da. Nola da ezarri da? Askok erabiltzen du bera Vary guztientzat: Erabiltzaile-agentea. Eta informazio orriak ere denbora errealean eguneratzen dira, aurre bertan, jakina, oso ona. teoriaren arabera, oraindik asko hitz egin daiteke. Nola ez Diva gogoratzea (