Přeskočit na obsah

Hledej:


elfineer | blog

@PavelHoralik @ischiam tomu obyčejně hráblo, ne? :)
twitter.com/elfineer


úno 12 14

Detekce modelu telefonu

Datum a čas úterý 14. února 2012, 10:45
Tagy mobil webdesign
Komentáře 1 (přejít na komentáře, přidat nový, sledovat pomocí RSS)
Přečteno 6828×
Popis Rozpoznání telefonu při přístupu na web pomocí knihoven WURFL a MobileESP + funkční příklad.

Pro jednoduché zjištění, zda návštěvník nepřichází na váš web z mobilu, stačí většinou kontrola HTTP hlavičky X_WAP_PROFILE­/UAProf – případně, protože není všemi výrobci stoprocentně podporována, chytřejší řešení jako je Detect Mobile.

Hodit se také může kontrola, zda nejde o iPhone či Android (například kvůli zobrazení odkazu do Android Marketu/iTunes pro instalaci aplikace), které lze provést vyhledáním stringu v User Agentu.

Pokud ale chcete chytřejší řešení jako je rozlišení obyčejného a dotykového telefonu, může pomoci knihovna WURFL (Wireless Universal Resource File). Jde o velmi mocné řešení, má ale pár háčků (níže)

Co WURFL umí?

WURFL obsahuje velmi podrobné informace o telefonech, takže odpoví na otázky jako:

  • jde o telefon nebo tablet?
  • má telefon QWERTY klávesnici?
  • kdy byl telefon vyroben?
  • jaký používá operační systém?
  • preferované kódování? (neboli je UTF-8 dobrý nápad?)
  • podporuje cookies?
  • může mobilní web použít AJAX?
  • zobrazí JPG, GIF, animovaný GIF, PNG, BMP?
  • přehraje MP4, WMV, MOV? umí streaming?
  • umí flash?
  • jaký příkaz použít v odkazu, chcete-li přidat tlačítko pro hovor nebo napsání SMS na konkrétní číslo
  • typ fontu (proporční?)

A také spoustu věcí, které u mobilního webu ani nejsou moc potřeba (pokud nejdete provozovat portál na stahování obsahu) – jak velkou MMS přijme, jaké podporuje zvonění, údaje o tapetách, šetřičích obrazovky atd.

Přehled všech parametrů, které WURFL zná.

Test WURFLu

WURFL si můžete vyzkoušet na adrese http://teorie-grafu.cz/wurfl/test_usage.php.

Příklad použití WURFLu

WURFL na BlackBerry
WURFL na Androidu
WURFL na Nokii E7

Jak WURFL funguje?

WURFL běží na serveru, kde má uloženou velkou databázi telefonů, parametrů k nim a hlavně User Agentů, podle kterých je pozná. Navíc disponuje ne úplně jednoduchou hierarchií (typicky, že model 1234i je odvozený od 1234). Ke stažení je knihovna pro .NET, Javu a PHP – stačí ve stránce zavolat WURFL a pak jen použít v kódu příkaz typu:

if (wurfl pointing_method == ‚touchscreen‘ ) { location: /touchscreen }

Problém #1:

Prvním problémem je velikost. Sice podle phpmyadminu mají tabulky „jen“ 30 MB, je někdy nutné sáhnout do nastavení MySQL a zvětšit jeden parametr. Na localhostu žádný velký problém, u standardního hostingu ale může být. U Českého hostingu se mi to nepovedlo, proto také test běží u Wedosu na jejich standardním hostingu (do VPS VTV jsem neměl odvahu šahat).

Problém #2:

Větší problém ale může být licence. Sice je možné si bez problémů stáhnout XMLko, ve kterém jsou všechny údaje naskládané, nová licence ale zakazuje ho použít samostatně („You are authorized to use the WURFL file AS IS, without modification andsolely in connection with one of the standard WURFL APIs“) – XML je určené pro update knihovny do celého API. A API má svojí licenci, kterou je vhodné si prostudovat. Nejdůležitější věc: nově od roku 2011 můžete WURFL zdarma používat jen pokud dáte svůj kód jako open-source. A nebo si koupíte .

Knihovna MobileESP

MobileESP je jednodušší řešení v PHP či JavaScriptu, které lze použít bez omezení a byť neřekne přesný typ telefonu, ví alespoň:

  • zda jde o tablet
  • mobil, tablet, smartphone?
  • iPod, iPhone, Android, Symbian S60, Kindle, Xbox, Opera Mini?
  • typ obsahu, co telefon umí (text/html, text/html, application/xml...)

Nokia E7, knihovna MobileESP

Test MobileESP

MobileESP si můžete vyzkoušet na adrese http://bit.ly/mobileesp.

Pro základní přesměrování či zobrazení banneru pro Android, iPhone... stačí, budete-li potřebovat více informací, asi bude lepší se vydat cestou WURFLu (pravděpodobně ale komerční licence).

Já osobně se vydám cestou MobileESP, protože vypadá spolehlivěji než vyhledávání stringů v UAprofu. Znáte nějaké další možnosti?

čtvrtek 14. února 2012, 10:45 - 6828× shlédnuto - RSS komentářů - tagy: mobil webdesign



?>


Nepřehlédněte

Půjčte si - pondělí 5. listopadu 2012, 21:03 - web - #

Velice zajímavý článek.. asi na váš web začnu chodit pravidelně!.. držím palce ať se to tu rozjede

Komentáře používají Texy! syntaxi.

"odkaz":http://kam.vede.cz, *zdůrazněné (em)*, **zdůrazněnější (strong)**, citace


Hledání

Mikroblog

GOTO TWITTER
GOTO POSTEROUS

Reklama

Nejčtenější

Reklama

Kvalitní domény, levný webhosting
Vyzkoušejte spolehlivý Český hosting. www.cesky-hosting.cz

Facebook tipy

Moje weby

Napište mi vzkaz