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 2 (přejít na komentáře, přidat nový, sledovat pomocí RSS)
Přečteno 10798×
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?

středa 14. února 2012, 10:45 - 10798× 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

kakakaoo - pondělí 23. července, 04:51 - #

polo ralph lauren outlet jordan retro 11 cheap jordans free shipping asics outlet nike air max 87 pandora jewelry outlet ralph lauren outlet fitflops canada goose supreme clothing michael kors outlet coach outlet kate spade coach outlet store timberland boots pandora jewelry florida marlins jerseys pandora jewelry ugg boots polo ralph lauren new balance shoes ralph lauren sale clearance cheap jordans christian louboutin outlet ecco shoes coach outlet hermens bags converse shoes nike outlet store coach factory outlet nba jerseys nike cortez michael kors outlet clearance cheap mlb jerseys cartier outlet lacoste polo shirts ugg boots toms shoes adidas shoes uggs valentino shoes pittsburgh pirates jerseys yeezy boost ralph lauren outlet air max 97 michael kors outlet coach outlet coach factory outlet oakley sunglasses cheap nfl jerseys adidas hermes handbags dr martens longchamp outlet ugg boots on sale cheap ray ban sunglasses coach canada timberland outlet polo outlet coach outlet los angeles dodgers jerseys toms outlet michael kors outlet michael kors outlet abercrombie and fitch nike air max adidas yeezy ugg outlet nike free 4.0 moncler outlet ray ban sunglasses discount coach factorty outlet canada goose sale christian louboutin outlet cristiano ronaldo jerseys supreme clothing rolex watches ray ban sunglasses polo ralph lauren outlet online supra shoes replica watches pandora jewelry coach outlet polo outlet ugg boots michael kors ferragamo shoes pandora charms adidas shoes birkenstock outlet adidas originals oakley sunglasses vans shoes salomon shoes nike air more money philipp plein shirt kate spade handbags mulberry outlet nike air max axis air max 2017 180723yueqin

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