Automatikus felismerése mobil böngészők - minden a web design

Automatikus felismerése mobil böngészők - minden a web design
Az első alkalommal a gyakorlatban én mobil honlapján. Kell töltenie, hogy egy honlap, ami működik ugyanúgy lehet egy hatalmas állatkert mobil böngészők, nem könnyű feladat. Azonban ebben a cikkben nem beszélünk róla.

Miután a helyszínen kész volt, szükség volt, hogy automatikusan meghatározza, milyen típusú készülék a felhasználó ment, és küldje el a megfelelő verziót a helyszínen.

A legbiztosabb lehetőség: ellenőrizze a böngészője képességeit használva js majd irányítsa. De, ez nem illik, ha nem akarjuk, hogy a felhasználó extra kilobájt töltve, és automatikusan átirányítja a megfelelő oldalra. Emiatt a szükséges szerver megoldás.

Egyszer régen, régen, hallottam a szolgáltatás Yandeks.Detektor. A cél egyértelmű és világos: elküldi neki fejlécek vagy USER_AGENT, aki küldött, hogy a böngésző és a szolgáltató válaszként elküldi a műszaki jellemzőit a készüléket. Függetlenül attól, hogy a szolgáltatás valami elrontotta, vagy valami nem értem, de nehéz Yasha nem tudta azonosítani bármely asztali böngészők vagy mobil. Az egyetlen helyes azonosította mobilböngészőmben Fly (a Androie 2.3.5). Az ilyen egyeztetés nem azt mondanám, rendezett halkan, úgy döntöttem, hogy más megoldásokat.

Az ilyen szolgáltatást nem találtam, de kompromisszumos megoldást találtak: a meghatározása a böngésző kulcsszavak, hanem egy folyamatosan változó osztály PHP-ben íródott. Félévente frissíti a forgatókönyvet, és mindig a tényleges vizsgálat.

Bemutatom egy egyszerű PHP osztály kimutatására mobiledetect mobil eszközök. Ez az, amit az alkotók írni a forgatókönyvet

Mobile_Detect egy könnyű PHP osztály határozza meg a mobileszközök. Ez használ a felhasználói ügynök karakterlánc kombinálva bizonyos HTTP-fejléceket mobil környezetben felderítése.

Használja éppen elég

Manapság senki sem fog lepődni 3 változatban a helyszínen: az elsődleges (az asztalon), adaptált (tabletták) és a mobil.

Nem csináltam külön adaptált változata, ezért adtam ezt a verziót:

Még mindig sok a isIphone módszerek (), isIpad (), isBlackBerry (), isKindle (), isOpera (), stb A teljes lista megtekinthető futó demo.php a letöltött archív, vagy a demo oldal a hivatalos honlapján a script

A projekt aktívan fejlesztik, és már használják a halom ismert Drupal rendszereket. WordPress, stb

A szerver egyszerűen létrehoz egy cookie, amely már nem irányítja át a felhasználót. Valami ehhez hasonló:

és a mi automatikus átirányítást a következőképpen néz ki:

Köszönöm a figyelmet