Přesměrování mobilních zařízení na mobilní obsah nebo návrhy
Odborníci již řadu let říkají, že návštěvnost mobilních zařízení na webových stránkách se dramaticky zvyšuje. Z tohoto důvodu mnoho společností začalo chytře začít přijímat mobilní strategii pro svou online přítomnost, vytvářet zkušenosti, které jsou vhodné pro telefony a další mobilní zařízení.
Jakmile jste strávili čas učením, jak navrhnout webové stránky pro mobilní telefony a implementovat svou strategii, budete se také chtít ujistit, že návštěvníci vašich stránek mohou tyto návrhy vidět. Existuje mnoho způsobů, jak to udělat a někteří pracují lépe než ostatní. Zde je pohled na metodu, kterou můžete použít k implementaci podpory pro mobilní zařízení na svých webových stránkách - spolu s doporučením blíže k tomu, co je nejlepší metodou k dosažení tohoto cíle na dnešním webu!
Poskytněte odkaz na jinou verzi webu
To je zdaleka nejjednodušší způsob, jak zvládnout uživatele mobilních telefonů. Místo toho, abyste se obávali, zda mohou nebo nemají vidět vaše stránky, jednoduše vložte odkaz někde v horní části stránky, který ukazuje na samostatnou mobilní verzi vašeho webu. Čtenáři si pak mohou vybrat, zda chtějí vidět mobilní verzi nebo pokračovat v "normální" verzi.
Přínosem tohoto řešení je, že je snadné jej realizovat. Vyžaduje, abyste vytvořili optimalizovanou verzi pro mobilní zařízení a poté přidali odkaz někde v horní části běžných stránek webu.
Nevýhody jsou:
- Musíte udržovat samostatnou verzi webu pro mobilní uživatele. Vzhledem k tomu, že vaše stránky se zvětšují, můžete zapomenout na zachování druhé verze a vaše weby by nemohly být synchronizovány.
- Také vytvoříte třetí verzi pro tablety? A co čtvrtá verze pro nositelnost? Tato koncepce verzí specifických pro zařízení se může velmi rychle vymanit z kontroly.
- Musíte v horní části stránky položit ošklivý odkaz, který mohou čtenáři bez mobilního telefonu vidět (a možná kliknout na).
Nakonec je tento přístup zastaralý a je nepravděpodobné, že by byl součástí moderní mobilní strategie. Někdy se používá jako oprava mezery, zatímco je vyvíjeno lepší řešení, ale v tomto okamžiku je to opravdu krátkodobá podpora kapely.
Použijte JavaScript
Ve variantě výše uvedeného přístupu někteří vývojáři používají určitý typ detekčního skriptu prohlížeče, který zjišťuje, zda je zákazník v mobilním zařízení, a poté je přesměruje na tento samostatný mobilní web. Problém s detekcí prohlížeče a mobilními zařízeními je, že tam jsou tisíce mobilních zařízení. Chcete-li se pokusit je všechny rozpoznat pomocí jednoho kódu JavaScript, mohou všechny vaše stránky přenést na noční můru - a stále máte mnoho stejných nevýhod jako výše uvedený přístup.
Použijte mediální kapesní službu CSS & # 64;
Příkaz CSS @media handheld vypadá, že by byl ideální způsob, jak zobrazit styly CSS jen pro kapesní zařízení - jako jsou mobilní telefony. To se zdá být ideálním řešením pro zobrazení stránek pro mobilní zařízení. Napíšete jednu webovou stránku a poté vytvoříte dva listy stylů. První typ média "obrazovka" styluje stránku pro monitory a obrazovky počítače. Druhá verze pro "ruční" styl vaše stránky pro malé zařízení, jako jsou mobilní telefony. Zní to snadně, ale ve skutečnosti to nefunguje.
Největší výhodou této metody je to, že nemusíte udržovat dvě verze svých webových stránek. Jednoduše si ho udržujete a stylový styl definuje, jak by to mělo vypadat - což se vlastně blíží konečnému řešení, které chceme.
Problém s touto metodou spočívá v tom, že mnoho telefonů nepodporuje typ ručního média - místo toho zobrazují stránky s typem média. A mnoho starších mobilních telefonů a handheldů nepodporuje CSS vůbec. Nakonec je tato metoda nespolehlivá a proto se zřídka používá k poskytování mobilních verzí webové stránky.
Pro detekci uživatele-agent použijte PHP, JSP, ASP
Je to mnohem lepší způsob přesměrování mobilních uživatelů na mobilní verzi webu, protože se nespoléhá na skriptovací jazyk nebo CSS, které mobilní zařízení nepoužívá. Místo toho použije jazyk na straně serveru (PHP, ASP, JSP, ColdFusion atd.), Aby se podíval na uživatelský agent a pak změnil požadavek HTTP na mobilní stránku, pokud jde o mobilní zařízení.
Jednoduchý PHP kód by to vypadalo takto:
stristr ($ ua, "Windows CE") nebo
stristr ($ ua, "AvantGo") nebo
stristr ($ ua, "Mazingo") nebo
stristr ($ ua, "Mobile") nebo
stristr ($ ua, "T68") nebo
stristr ($ ua, "Syncalot") nebo
stristr ($ ua, "Blazer")) {
$ DEVICE_TYPE = "MOBILE";
}}
pokud (isset ($ DEVICE_TYPE) a $ DEVICE_TYPE == "MOBILE") {
$ location = 'mobilní / index.php';
záhlaví ("Umístění:". $ umístění);
výstup;
}}
?>
Problém je v tom, že existuje spousta dalších potenciálních uživatelských agentů, které používají mobilní zařízení. Tento skript zachycuje a přesměruje mnoho z nich, ale ne všechny v žádném případě. A další jsou přidávány po celou dobu.
Stejně jako u ostatních výše uvedených řešení budete muset pro tyto čtenáře i nadále udržovat samostatný mobilní web! Tato nevýhoda, že je třeba spravovat dvě (nebo více!) Webové stránky, je dostatečným důvodem k nalezení lepšího řešení.
Použijte WURFL
Pokud jste stále odhodláni přesměrovat své mobilní uživatele na samostatný web, pak WURFL (Wireless Universal Resource File) je dobré řešení. Jedná se o soubor XML (a nyní soubor DB) a různé knihovny DBI, které obsahují nejen aktuální data o bezdrátových uživatelských agentech, ale také které funkce a funkce podporují tyto uživatelské agenty.
Chcete-li použít soubor WURFL, stáhněte konfigurační soubor XML a poté vyberte svůj jazyk a implementujte rozhraní API na svých webových stránkách. K dispozici jsou nástroje pro použití WURFL s jazyky Java, PHP, Perl, Ruby, Python, Net, XSLT a C ++.
Výhodou použití WURFL je, že se mnoho lidí aktualizuje a přidává do konfiguračního souboru po celou dobu. Takže i když je soubor, který používáte, zastaralý téměř před dokončením jeho stahování, je pravděpodobné, že pokud jej budete stahovat jednou za měsíc nebo tak, budete mít všechny mobilní prohlížeče, které vaše čtenáři obvykle používají bez jakýchkoli problémy. Nevýhodou je samozřejmě to, že musíte tuto aktualizaci průběžně stahovat a aktualizovat - to vše můžete nasměrovat uživatele na druhou webovou stránku a nevýhody, které vytváří.
Nejlepší řešení je reaktivní design
Takže pokud údržba různých stránek pro různá zařízení není odpovědí, co je to? Odpovídající webový design .
Odpovědný design je místo, kde používáte dotazy médií CSS pro definování stylů pro zařízení různých šířek. Odpovědný design vám umožňuje vytvořit jednu webovou stránku jak pro mobilní, tak i pro mobilní uživatele. Poté se nemusíte starat o obsah, který chcete zobrazit na mobilním webu, nebo nezapomeňte přenést nejnovější změny na mobilní web. Navíc, jakmile jste napsali CSS, nemusíte stahovat nic nového.
Odpovědný návrh nemusí fungovat perfektně na extrémně starých zařízeních a prohlížečích (většina z nich je dnes velmi malá a neměla by vás příliš zajímat), ale protože je aditivní (spíše přidávat styly do obsahu, než obsahovat tyto čtečky budou nadále moci číst vaše webové stránky, prostě nebude vypadat ideálně na svém starém zařízení nebo prohlížeči.