Honnan tudják, hogy a webhelyek mobiltelefonokat használnak?

A webhelyek meghatározzák, hogy a felhasználó a mobil eszközön van -e technikák kombinációjával, elsősorban a felhasználó böngészőjének a HTTP kérésben küldött információkra összpontosítva. Itt van egy bontás:

* Felhasználói-agent karakterlánc: Ez a leggyakoribb és legmegbízhatóbb módszer. A Felhasználó-ügynök karakterlánc egy olyan szövegsorozat, amelyet a böngésző minden HTTP kérése tartalmaz. Azonosítja a böngészőt, az operációs rendszert és az eszköz típusát. A webhelyek elemzik ezt a karakterláncot, hogy a mobil eszközöket jelző kulcsszavakat (például "Android", "iPhone", "iPad", "mobil", "Safari"). Ez azonban nem bolondbiztos, mivel a felhasználók módosíthatják a felhasználó-ügynök karakterláncát.

* Fejléc elfogadása: Ez a fejléc meghatározza a böngésző által elfogadott tartalom típusait (például HTML, JSON, Images). Egyes mobil böngészők eltérő preferenciákat hirdethetnek, mint az asztali böngészők, amelyek nyomot adhatnak. Ez nem olyan megbízható, mint a mobil észlelés felhasználó-ügynöki karakterlánca.

* Képernyőfelbontás és szélesség: A webhelyek észlelhetik a felhasználó eszközének képernyőfelbontását és szélességét. A mobil eszközök általában kisebb képernyőméretekkel rendelkeznek, mint az asztali számítógépek. Ez azonban nem mindig pontos, mivel az asztali felhasználóknak kisebb képernyők lehetnek, és a nagyobb mobil képernyők egyre gyakoribbak. Ezt általában más módszerekkel együtt használják.

* Jellemzők észlelése: Egyes webhelyek ellenőrzik, hogy a böngészőben bizonyos funkciók rendelkezésre állnak -e. Például az érintési események létezése a mobil eszköz erős jelzője.

* JavaScript: A JavaScript felhasználható az eszközről és a böngészővel kapcsolatos további információkhoz, például az eszköz képességeinek és orientációjának eléréséhez. Ez egy ügyféloldali módszer, amely a JavaScript végrehajtó felhasználó böngészőjére támaszkodik.

Hogyan alakul ez mobilbarát webhelyekké:

A mobil eszköz észlelése után a webhelyek általában webhelyük más verzióját szolgálják fel, gyakran kisebb képernyőkhöz, érintési bemeneti és gyorsabb betöltési időkhöz optimalizálva. Ez magában foglalhatja:

* reagáló tervezés: Ez a leggyakoribb megközelítés. Egyetlen webhely adaptálja az elrendezését és tartalmát az eszköz képernyő mérete és orientációja alapján a CSS média lekérdezések segítségével.

* Külön mobil webhely: Egyes webhelyek különálló mobil URL -eket (például `m.example.com` vagy` mobil.example.com`) tartanak fenn.

* Dinamikus tálalás: A szerver felismeri a felhasználó eszközét, és kiszolgálja a megfelelő HTML, CSS és JavaScript fájlokat az észlelés alapján.

Fontos megjegyezni, hogy kizárólag a mobil észlelés felhasználó-ügynöki karakterláncaira támaszkodva most kevésbé megbízhatónak tekintik, mint régen. Egy robusztusabb megközelítés magában foglalja a több észlelési módszert, és pontosabb és rugalmasabb felhasználói élményt nyújt.