Testování prohlížeče: rodokmen
Jeden úkol přináší profesionálům na webových stránkách rozptýlení více než téměř všichni ostatní: testování, zda jejich návrh funguje stejně dobře v mnoha prohlížečích a na různých zařízeních.
Seznam prohlížečů a platforem, které mají být ověřeny, se stále více prodlužuje, a jako konstruktéři dochází k poměrně kratšímu tempu. IE6 bude pravděpodobně v nočních můrách v příštích letech!
Přesto stále roste naše práce v stále se rozšiřujícím spektru situací.
Tento článek zdůrazňuje nejběžnější problémy, které vznikají při testování s "obvyklými podezřelými", a vysvětluje, proč může být brzy zapotřebí změnit taktiku. Celý váš pohled na testování kompatibility se může změnit.
Fantastická pětka
Během prohlídkových válek museli návrháři trpět neustálým potížím mezi internetovým prohlížečem Internet Explorer a jeho soupeřem (některé věci se nikdy nezměnily). Zvratný bod nastala, když se novější prohlížeče zavázali k podpoře webových standardů, což postupně narušilo dominanci prohlížeče na trhu prohlížeče.
Časy se mění. Zvyšující se význam zařízení pro prohlížení mobilních zařízení a nových vykreslovacích motorů vedla k přání mezi návrháři, aby omezili potřebu testovat na všech možných zařízeních.
Návrháři nyní přistupují k hraní čísel, většinou tím, že testují svou práci v pěti nebo šesti nejčastějších prohlížečích, poté požadují pokrytí zbytku. Zatímco toto vypadá jako snadná oprava, představuje několik problémů, protože na rozdíl od tisku, jedna velikost určitě nesedí.
Přestože na trhu dominují pět prohlížečů, návrháři by neměli ignorovat oranžovou řezu "Ostatní". Návštěvníci jiných prohlížečů musí být stále ubytováni.
Klíčem k přesnému představení krásného designu vašeho webu konečnému uživateli je renderovací motor. Dalo by se předpokládat, že pokud byste testovali webové stránky v nejoblíbenějším prohlížeči pro každý z renderovacích strojů Trident, Gecko, Commit a Presto, mohli byste bezpečně ignorovat jiná zařízení, která sdílejí stejné motory, protože byste pokrývali převážnou většinu uživatelů .
Obecně souhlasím s tím, že testování v těchto prohlížečích samo o sobě zachycuje všechny problémy, které jsou pro uživatele viditelné, ale testování v širším okruhu prohlížečů, zařízení a systémů má své výhody. Stojí za to posoudit případné problémy a rozhodnout, zda je nutné další testování, aby návštěvníci získali nejlepší možný zážitek.
Trident (Internet Explorer), Gecko (Firefox), Webkit (Chrome a Safari) a Presto (Opera).
Za bodem zlomu
Zřejmým problémem v těchto dnech je závislost na zařízení (nebo plug-in), která ovlivňuje prohlížeče nejen na úrovni prohlížeče, ale i na úrovni vykreslování. Věřící Apple jsou si jistě vědomi problémů s iPhone a iPad s aplikací Flash - a proto, že se společnosti Adobe a Apple začaly bavit, stále o tom slyšíme.
Zatímco Flash skutečně zpracovává obecné vykreslování obsahu samo o sobě, testování pouze v nejoblíbenějších prohlížečích by s ním nemuselo nutně znamenat problémy. Zatímco hlavní technologie (otevřené i uzavřené) jsou vystaveny riziku vyloučení, rozšíření zkušebního základu může být kritické.
Flash renders mimo prohlížeč, ale ne každý webový prohlížeč může využít technologii.
Dalším problémem jsou verze vykreslování motorů. Zatímco nejnovější a nejvyspělejší prohlížeč je klíčem k využívání nových technologií, pokračování v používání starších verzí (zejména v různých verzích Internet Exploreru) vyžaduje, abychom se omezili nejen na nejnovější sestavy rendereru, ale také na ty, které mohou fungovat i v prostředí, kde by upgradání softwaru bylo buď nevhodné, nebo nemožné.
Dokonce i v režimu kompatibility testování v aktuálních prohlížečích nezahrnuje staré verze prohlížečů, které používají dřívější verze renderovacích strojů.
Aplikace Internet Explorer 6.0 používá starší verzi a verzi s více bugy prohlížeče pro stolní prohlížeče Trident.
Problémy s vykreslováním se mohou vyskytnout i v případě, že existují rozdíly mezi použitým zařízením a platformou. Je samozřejmé, že testování vašich webových stránek na řadě mobilních telefonů a kapesních surfařů vás může řídit na pokraji šílenství, zvláště s ohledem na to, jak může vypadat všechno jinak.
Navrhování pro tak malou obrazovku může být docela úkolem, obzvláště proto, že konvence pro mobilní zařízení jsou stále v plenkách. Ale tento problém se týká i desktopových platforem. Není neobvyklé, že se například objevují drobné problémy s vykreslováním mezi verzemi Firefoxu se systémem Windows a Mac, což je opravdu strašná myšlenka.
List List se stará tolik o vykreslování rozdílů, že má samostatný design pro mobilní zařízení.
Dalším klíčovým prvkem, který se může lišit od prohlížeče po prohlížeč, je program JavaScript. V raných dnech byla jediná otázka ohledně jazyka JavaScript, zda ji použít.
V těchto dnech prohlížeče se stejným vizuálním renderovacím strojem často mají různé javascriptové motory (Chrome a Safari jsou dokonalým příkladem). Využívání více prohlížečů pro porovnání schopnosti webových stránek vykreslovat ty nádherné jQuery skripty je stejně důležité, zvláště pokud váš návrh má spoustu funkční interaktivity.
Experimenty Chrome zobrazují výkon vykreslení prohlížeče Google.
A konečně, téma, které přivádí některé lidi nadšení a jiné sténání: přístupnost! V očích mnoha lidí, dostupnost a způsob, jakým prohlížeč vykresluje webové stránky, se netýkají. Ale stojí za to poznamenat, že když lidé navštíví vaše webové stránky, jejich přístupný software by je mohl přinutit k použití konkrétního prohlížeče, který podporuje čtečku obrazovky počítače nebo jeho zařízení pro usnadnění přístupu.
V takových případech mohou být menšinové prohlížeče zcela přehlédnuty. Nezapomeňte, že váš návrh by měl také pracovat pro ty lidi, jejichž potřeby jsou často zapomenuty.
Opera může mít malý podíl na trhu, ale jeho hlasová volba může být životním prostředkem pro ty, kteří mají zvláštní potřeby.
Dlouhodobá léčba
Vzhledem k tomu, že všechny požadavky na přístupnost, různé javascriptové motory, problémy s různými platformami, rozdíly v zobrazení, závislost na technologiích, jako je například Flash a mobilní revoluce, lze omluvit, že se nelíbí, kolik zkoušek je zapotřebí. Přesto se podívejte na potřeby vaší cílové skupiny, zda rozšíření vašeho aktuálního testovacího workflow přinese dlouhodobé výsledky.
Udělejte si čas na komunikaci s návštěvníky. Možná byste mohli spustit anketa s dotazem, které prohlížeče a zařízení, na kterých se nacházejí, a poté zkontrolovat své statistiky, abyste zjistili, zda uvedli, jak byste mohli vylepšit nebo rozšířit interakci na svých webových stránkách.
Možná zjistíte, že potřebujete mobilní design, nebo možná máte nadšení pro aplikaci iPhone, nebo můžete jednoduše dostat více zpráv o chybách pro menšinové prohlížeče. Povzbuzení zpětné vazby je nejdůležitější v evolučním procesu návrhu.
Balíčky statistik mohou poskytnout jasnou představu o tom, která zařízení byla použita k návštěvě vašich webových stránek.
Dosažení zákazníků ve stále širším měřítku je něco, co by každý majitel stránek měl zvážit v kontextu použitelnosti. Dobrá komunikace vytváří emoční spojení s návštěvníky; mají pocit, že jejich zájem je ověřen a jejich čas je dobře vyčerpán, což může obrátit kliknutí na zákazníky.
Zůstat na vrcholu věcí na zkušebním stupni pak jde nad rámec fixace vizuálních vad. Širší testovací pole by mohlo vést k novým funkcím a unikátním způsobům navigace na webu. Jedna odměna by mohla být hlubší vazba s pravidelnými návštěvníky a fanoušky vašeho webu.
Spusťte motory
Jak byste rozšířili testovací proces, je mimo rozsah tohoto článku, ale nejjednodušší způsob, jak zlepšit vzhled vašeho webu a uživatelský zážitek, je zajistit, aby vše vypadalo prezentovatelné na obrazovce.
Níže je seznam široké škály prohlížečů, a to jak mobilních, tak i desktopových, což vám pomůže při testování rozšířit svůj obzor. Zatímco někteří budou váš návrh stejný, tyto prohlížeče vám pomohou zjistit rozsah testů, které budete muset provést.
Budou se bezpochyby vytvářet další prohlížeče (a někteří už možná existují), takže zvážit i budoucnost.
Obě desktopové i mobilní platformy mají širokou škálu renderovacích strojů.
Zatímco prohlížeče postavené s Trident, Gecko, Webkit a Presto jsou zahrnuty (spolu s jejich staršími variantami Tasman, Mozilla a KHTML), další renderingové motory s uživatelskou základnou zde nebyly zahrnuty kvůli velmi omezenému rozsahu zařízení, která je podporují.
Zařízení a prohlížeče s unikátními renderingovými motory (textovými, vizuálními a mobilními), které zde nejsou uvedeny, mohou být testovány jednotlivě a mohly by zvýšit kompatibilitu vašeho návrhu.
Doporučuji prohlížečům zvýrazněným níže pro každou platformu. S výjimkou počítače Mac, který používá Tasman, využívají všechny tyto funkce rendering engine:
Všechna tato použití Gecko (dříve Mozilla) desktop rendering engine:
Všichni tito používají renderovací engine Webkit (nebo vidlici KHTML v případě Konquerora):
Vzhledem k tomu, že společnost Presto je vlastní platformou, není překvapením, že je omezena na projekty opery:
Přes Rainbow
Možná, že vaše webové stránky jsou zcela bez chyb. Možná to vypadá skvěle v každé situaci. Pokud však uvažujete o širší míře požadavků na kompatibilitu napříč platformami, už nepotřebujete velké pět, které vám poskytnou přesný obraz o uživatelích webu jako celku.
Pokud odnesete pouze jednu věc z tohoto článku, pak pochopte, že je potřeba věnovat více času analýze potřeb vašich návštěvníků, protože to vám pomůže přehodnotit fázi testování tak, aby zahrnulo širší škálu scénářů.
Trávit více času procházením prohlížečů pro každý rendering engine a nezapomeňte na následující: ostatní operační systémy, které mohou mít rozdíly; jiné typy zařízení (například mobilní telefony), které by mohly být zcela odlišné; jedinečné renderingy jazyka JavaScript, které mají důsledky pro rychlost; starší verze webových prohlížečů; a obecně širší rozsah, který je zapotřebí, protože kód se vyvíjí a mění samotný web.
souhrn
Ve světě, v němž jsou lidé ochotni investovat čas, úsilí a peníze do svých webových stránek co nejvíce přátelsky, a to tak, že zajistí vyhledávače a sociální média, a zajistí, že váš návrh funguje (spíše než se soustředit na pixelovou dokonalost - nezapomeňte, že web není tisk) mohou být cennější pro stovky nebo tisíce lidí, kteří přistupují k vašim webovým stránkám různými způsoby.
Určitě by to mohlo znamenat rozdíl mezi přilákáním zákazníků a frustrovanými návštěvníky "Ahoj a sbohem".
Napsáno výhradně pro WDD Alexander Dawson
Jak zkoušíte své pečlivě vytvořené návrhy tak, aby byly pružné? Máte v plánu optimalizovat pracovní testovací proces tak, aby byl méně restriktivní? Mohlo by vaše webové stránky povzbudit další zpětnou vazbu návštěvníků o jeho designu?