RekenaarsInligtingstegnologie

Aanpassing van die webwerf vir mobiele toestelle: stap vir stap instruksies. mobiele webwerf

Die mobiele aanpassing van die webwerf is steeds meer gewild as gevolg van die toenemende aantal slimfone en tablette. Wat is dit? Wat is die voordele? Veral hierdie vraag is werklike vir eienaars van aanlyn-winkels en webwerwe van verskillende diens maatskappye, blogs en populêre forums. Hoe om 'n webwerf vir mobiele toestelle kan uitgevoer word aanpas? Hier is 'n kort lys van vrae wat in die raamwerk van die artikel sal bespreek word.

algemene inligting

So, laat die eerste kyk na wat 'n responsiewe ontwerp. So is die opset waarin alle toestelle gestuur om dieselfde HTML-kode, maar die dimensies van die elemente deur middel van CSS is aangepas. Verskeie search robots kan sulke webwerwe te spoor, met dien verstande dat die bladsye en hulpbronne sigbaar vir skandering. Met die oog op die leser vertel om hierdie moontlikheid, gebruik die tag meta name = "vertoonvenster". Wat is die aanpassing van die webwerf vir mobiele toestelle?

oorweeg tag

So, moet jy seker maak dat was die tag meta name = "vertoonvenster". Waarom sou hy? Dat daar instruksies aan die leser oor hoe om die grootte van die breedte van die skerm toestel, waaruit jy die webwerf te sien pas en skaal die bladsy. As jy nie hierdie klein item by te voeg, is die standaard bladsy vertoon, wat ontwerp is vir rekenaars. Maar terwyl mobiele blaaiers sal probeer om die inhoud, wat sal lei tot die verhoging van die font, skaalbare inhoud of vertoning van die inhoud wat pas op die skerm te optimaliseer. Is dit lekker? Nee, die mobiele weergawe van die webwerf in so 'n geval sou net negatiewe persepsie veroorsaak. Na alles fonts oneweredige sal wees, is dit nodig om die bladsy blaai en maak meer aantal aksies wat, hoewel hulle minderjarig is, maar nog steeds vervelige. Check webwerf aanpassing vir mobiele toestelle, kan jy gebruik jou selfoon, tablet, of spesiale dienste en programme. Natuurlik, is die eerste twee opsies verkies, maar as jy 'n deeglike ontleding van die perspektief van verskillende toestelle nodig het en om tyd te bespaar, dan pas die laasgenoemde.

Wat is die voordele van die aanpassing van die webwerf vir mobiele toestelle?

Die gebruik van hierdie benadering kan jy:

  1. Gebruikers na inhoud in gevalle waar hy een adres deel.
  2. Die algoritmes van soekenjins om die presiese bladuitleg te kry, daar is verwarring met die verskillende weergawes.
  3. Verminder die waarskynlikheid van foute.
  4. Verminder boot tyd deur die uitskakeling van die behoefte weer kruip.
  5. Red hulpbronne.

Daarbenewens is 'n aangepaste bladsy te makliker as 'n paar opsies vir iets wat mens skep. Aanpassing van die webwerf vir mobiele toestelle (om dit te doen is heel moontlik) is nie iets wat moeilik JavaScript genoeg en in staat is om te werk met cascading style sheets (CSS) en beelde om te weet. Daar is baie benaderings tot hierdie taak. As deel van die artikel sal deur drie van die gewildste opsies oorweeg word:

  1. Die klem in JavaScript.
  2. Kombinasie.
  3. Dinamiese gebruik van JavaScript.

Laat ons hulle oorweeg in meer detail.

Aanpassing van die gebruik van JavaScript

In hierdie geval, 'n enkele inhoud. En met JavaScript opmaak veranderinge aan die meganisme van werking van die bladsy. Alles in hierdie geval hang af van die platform. Hierdie algoritme is soortgelyk aan media navrae Cascading Style Sheets. Dink aan 'n klein voorbeeld van die werk in die praktyk. So, ons het 'n bladsy met HTML-kode, wat geplaas 'n element