7 Ways, hogy optimalizálja a helyszínen mobilböngészőkhöz

Ma megnézzük az egyes alkatrészek, hogy meg kell vizsgálni pi honlap optimalizálás a mobil eszközök. Olvassa el a folytatása ez a cikk: Javítani Mobile Web: tartalom, design, e-mail, és az értékesítés.
1. Tag meta ablakon - a szélessége az oldalt a mobil böngésző

Az alábbiakban szeretnék egy példát, hogy a tag az általában a meta nézetablak tag.
Azt is hozzá azt a CSS:
Címkézze meta nézetablak - nélkülözhetetlen tag (együtt médialekérdezések), ha megy, hogy dolgozzon ki egy olyan érzékeny honlapján. Ugyanakkor technikailag, akkor a tag és nem adaptív tervez.
2. Média lekérdezések
Médialekérdezéseket lehetővé teszi, hogy változtatni a stílusát a weboldal segítségével az egyes pontok a fénytörés. Nem minden összetevőjének a hagyományos honlap fér el a kis mobil képernyőn.
A Media lekérdezések, felveheti opredelennnoe stílusok egyedi képernyők szélessége. Azt is hozzá a különböző stílusok alapján a tájékozódás a készülék és a kijelző pixel sűrűsége.
Akkor beágyazni média lekérdezések, akár közvetlenül az oldal link segítségével:
Vagy, hogy a megfelelő kódot közvetlenül Cascading Style Sheets (ez a módszer a leggyakrabban használt a fejlesztők).
3. Modernizr

Modernizr lehetővé teszi, hogy a felhasználók a régebbi böngészők visszaesési helyként mentes a különféle modern szolgáltatásokat és funkciókat.
4. Touch Control interneten.
TouchSwipe egy jQuery-plugin, amely lehetővé teszi, hogy végre támogatása érintőképernyős vezérlés a helyén (a mobileszközökön vagy tabletta). Támogatja egy sor a legnépszerűbb fajta gesztusok, csipet, nagyítás és görgetés.

5. iOS ikonok
Az első dolog, amit látsz, amikor kinyit a iPhone (vagy iPad), - az alkalmazás ikonok. Amellett, hogy alkalmazások ikonjai iOS akkor is látni a honlapon ikonok kerültek a „Home” képernyőn.

Másrészt, akkor egyszerűen távolítsa el ezeket a kapcsolatokat, de ugyanakkor arról, hogy az ikonok vannak tárolva a gyökérkönyvtárban, és az előtag alma-touch-icon- * a cím.
6. A képernyővédő
Ahhoz, hogy hozzá egy képernyővédő a honlapon csak helyezze be a következő sorokat a fejét.
Amikor a felhasználó megnyit a webhelyen keresztül a „Home” képernyőn a megadott kép ezt a linket, akkor gyorsan megjelenik a készülék képernyőjén.
7. Windows 8 ikonok

Windows 8 és RT is kínálnak arra, hogy hozzá ikonok formájában blokkok a képernyőn „Home”. A Windows 8, ezeket az egységeket néven Pin ikon.
Ellentétben iOS, mely egy elem a linket, a Windows 8 használ meta-tag. Nézzünk egy példát.
Az első meta tag határozza meg a sejt szín, a második az a kép, mint egy miniatűr. Van egy website hívott építem Pinned Site, amely lehetővé teszi, hogy könnyen létre egy hasonló meta-tagek.
Végén
A forradalom a mobil eszközök megváltoztatta az, web-fejlesztők létre weboldalakat. És most meg kell, hogy vegye figyelembe, legalább azokat az alkatrészeket, megbeszéltük ma. Természetesen, ha azt szeretnénk, hogy a helyszínek jól nézett eszközökön futó iOS és a Windows 8.