Vietnes pielāgošana mobilajām ierīcēm: pakāpeniska instrukcija. Mobilās vietnes versija

Datori
Notiek ielāde ...

Mobilā pielāgošana vietnei kļūst arvien vairākņemot vērā viedtālruņu un planšetdatoru skaita pieaugumu. Kas tas ir? Kādas priekšrocības tas dod? Īpaši šis jautājums attiecas uz tiešsaistes veikalu īpašniekiem, dažādu pakalpojumu uzņēmumu vietnēm, emuāriem un populāriem forumiem. Kā vietne var tikt pielāgota mobilajām ierīcēm? Šeit ir īss jautājumu saraksts, kurus mēs izskatīsim saistībā ar šo pantu.

Vispārīga informācija

Vietnes pielāgošana mobilajām ierīcēm

Tātad, vispirms apskatīsim, kas irir adaptīvais dizains. Šis ir konfigurācijas nosaukums, kurā vienāds HTML kods tiek nosūtīts uz visām ierīcēm, bet elementu lielumu pielāgo CSS. Dažādas meklēšanas roboti spēj atpazīt šādas vietnes, ja lapas un resursi ir atvērti skenēšanai. Lai informētu pārlūkprogrammas par šo iespēju, tiek izmantots meta nosaukuma tags: "skatu punkts". Kāda ir vietnes pielāgošana mobilajām ierīcēm?

Apsveriet tagu

Tātad, par to jārūpējasmeta nosaukums tag = "viewport". Par ko? Tajā ir instrukcijas pārlūkprogrammai par to, kā pielāgot lapas izmēru un mērogu, ņemot vērā tās ierīces ekrāna platumu, no kuras šī vietne tiek skatīta. Ja jūs šo mazo elementu nepievienosit, noklusējuma lapa būs lapa, kas ir paredzēta datoriem. Bet mobilās pārlūkprogrammas centīsies optimizēt saturu, kā rezultātā palielinās fonti, palielināsies satura apjoms vai parādīsies kāds saturs, kas uz ekrāna nokļūst. Vai tas ir patīkami? Nē, vietnes mobilā versija šajā gadījumā radīs tikai negatīvu uztveri. Galu galā fonti būs nesamērīgi, jums būs jāpārvieto lapa un jāveic virkne darbību, kuras, lai arī tās ir sekundāras, joprojām ir apnicīgas. Pārbaudiet vietnes pielāgošanu mobilajām ierīcēm, izmantojot viedtālruni, planšetdatoru vai speciālos pakalpojumus un programmas. Protams, pirmās divas iespējas ir vēl labāk, bet, ja jums ir nepieciešama rūpīga analīze no dažādu ierīču stāvokļa un laika ietaupīšanas, tad tā veiks.

Kādas priekšrocības ir vietnes pielāgošana mobilajām ierīcēm?

vietnes mobilā versija
Izmantojot šo pieeju, var:

  1. Lietotāji koplieto saturu gadījumos, kad viņam ir viena adrese.
  2. Meklētājprogrammas algoritmi iegūst precīzus lapas parametrus, nav neskaidrības ar dažādām versijām.
  3. Samaziniet kļūdu iespējamību.
  4. Samaziniet lejupielādes laiku, jo trūkst atkārtotas indeksēšanas.
  5. Ietaupīt resursus.

Turklāt adaptīvo lapu ir vieglāk izveidot,nevis vairāki kaut viena varianti. Vietnes pielāgošana mobilajām ierīcēm (tas ir pavisam iespējams to izdarīt pats) nav kaut kas sarežģīts, pietiek ar to, ka jāmācās JavaScript un spēj strādāt ar kaskādes stilu lapām (CSS) un attēliem. Ir vairākas pieejas uzdevuma izpildei. Rakstā aplūkoti trīs vispopulārākie varianti:

  1. Koncentrējieties uz JavaScript.
  2. Kombinācija.
  3. Dinamiskā JavaScript izmantošana.

Apskatīsim tos sīkāk.

Pielāgošana, izmantojot JavaScript

mobilās vietnes pielāgošana
Šajā gadījumā tiek izmantots viens saturs.Un, izmantojot JavaScript, formatējums mainās ar lapas mehānismu. Viss šādos gadījumos ir atkarīgs no platformas. Šis algoritms ir līdzīgs mediju vaicājumiem par kaskādes stilu lapu. Apsveriet nelielu prakses piemēru. Tātad mums ir lapa ar HTML kodu, kurā tiek ievietots
Notiek ielāde ...