jak otestovat své webové stránky v různých prohlížečích Online

zde v WCB optimisticky věříme, že bude lesklý den, kdy všechny prohlížeče budou zobrazovat naše webové stránky stejně. Ale v okamžiku, kdy je tento článek napsán, je tento den stále dost daleko a stále čelíme nutnosti testovat webové stránky, které stavíme na různých platformách, zařízeních a prohlížečích, abychom se ujistili, že náš zákazník bude nakonec šťastný.

pokud vytváříte webové stránky, můžete používat staré dobré testovací techniky, jako je spouštění virtuálních strojů s mnoha nainstalovanými prohlížeči a OS, nákup několika notebooků nebo obtěžování vašich přátel a sousedů, kteří je žádají, aby otestovali vaše stvoření na iPadu. Tyto způsoby mají právo stále existovat.

ale vy byste se nakopli, kdybyste věděli, kolik služeb vám nabízí k otestování vašeho webu bez potíží jen na kliknutí.

Browsershots

screenshot-browsershots

zdarma k použití webové služby umožňuje testovat webové stránky na více než 50 prohlížečů a operačních systémů, které je kombinují v obrovském počtu variant. Jediným matoucím okamžikem je, že získáte pouze snímky obrazovky, takže se nezobrazí vaše skripty a blikající pozadí CSS.

co musíte udělat, je jen dát adresu URL klikněte na tlačítko a počkejte – vaše webové stránky se dostanou do fronty a za nějakou dobu (od 5 minut do 2 hodin v závislosti na tom, jak jsou servery zaneprázdněny) získáte snímky obrazovky jen jeden po druhém.

ve skutečnosti je možné zakoupit placený účet, který vám poskytne vysokou prioritu za 29.95$ / mo, takže dostanete Snímek obrazovky Za 5 minut.

navštivte oficiální webové stránky

CrossBrowserTesting

 screenshot crossbrowsertesting

extrémně funkční placená služba, která vám umožní otestovat vaše webové stránky na skutečných počítačích prostřednictvím připojení VNC v libovolném prohlížeči a operačním systému – více než 1000 kombinací dostupných od 29.95$/měsíc.

nemohu nemluvě o testování na mobilních platformách a zařízeních, jako jsou Android a iOS, je k dispozici – vše v reálném čase, takže nyní vaše CSS pozadí bliká jako vánoční stromek!

navštivte oficiální webové stránky

lakmus

lakmus screenshot

kromě testování kompatibility mezi prohlížeči tato užitečná online služba ověřuje HTML a CSS kód.

ale skvělou vlastností lakmusu je, že služba je zaměřena hlavně na testování e – mailů – k dispozici je více než 30 poštovních klientů a také spousta analytických nástrojů-vaše e-maily zasáhnou přímo do srdce a také vypadají pěkně na babiččině Nokia!

ceny začínají od 49$ / mo po 7 dnech zkušební doby.

navštivte oficiální webové stránky

Net Renderer

screenshot-netrenderer.com-2014-09-12-14-33-22

rychlý a bezplatný online nástroj, pomocí kterého si můžete vyzkoušet, jak je web vykreslen ve starších verzích IE (může být užitečné, pokud často jednáte s vládními orgány-IE je stále standardem). Funkce je, že může sloučit screenshoty z různých verzí do jednoho obrázku, takže rozdíl Vykreslování je velmi dobře zobrazen.

navštivte oficiální webové stránky

Chrome Developer Tool: Emulační režim

emulate

podle mého názoru je to největší nástroj pro rychlé testování, který je k dispozici zdarma a je dodáván s úžasným prohlížečem Chrome. Stačí kliknout pravým tlačítkem myši, stiskněte zkontrolovat prvek a jít do emulace-voila jste v nebi.

banda přednastavených mobilních zařízení, flexibilní přizpůsobení rozlišení, poměr Pixelů atd. – všechny tyto funkce stačí kliknout. Navíc může emulovat zařízení s dotykovou obrazovkou, což je masivně užitečné pro testování a výzkumy uživatelských zkušeností. Neplatíte ani korunu a v kombinaci se serverem localhost máte výkonnou a flexibilní testovací továrnu, kterou můžete pracovat kdekoli i bez připojení k internetu-naprosto krásné –

tyto možnosti jsou jistě jen malým kouskem obrovské škály služeb a programů, které můžete snadno najít sami na internetu. Zde jsem uvedl jen to, co považuji za kontrolu.

jasný den univerzálního Vykreslování je na dlouhé cestě, ale s těmito jednoduchými nástroji jste plně vybaveni pro to, aby každý klient s jakýmkoli exoticky nakonfigurovaným zařízením byl spokojen s tím, co stavíte.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.