Kompletná príručka ku kontrole kompatibility cez internet

Používatelia internetu majú širší výber prehliadačov, pokiaľ ide o surfovanie po sieti. Našou zodpovednosťou, ako dizajnéri a vývojári, je zabezpečiť, aby webové stránky, ktoré sme vytvorili, boli kompatibilné pre väčšinu bežne používaných prehliadačov v týchto dňoch.

To vedie k jednoduchej, ale kritickej otázke - aké prehliadače používajú naši návštevníci? Podľa w3schoolu sú bežne používané prehliadače Internet Explorer 7 a 8 a Firefox s safari a Google Chrome postupne sa zdvihol. Čísla sa však môžu líšiť od miesta na miesto, v závislosti od jeho miesta. Najlepšie je získať demografické údaje z metrík stránok, Google Analytics napríklad.

Po identifikovaní bežných prehliadačov, ktoré používajú vaši návštevníci, je čas, aby ste sa ubezpečili, že webové stránky sa v týchto prehliadačoch zobrazujú rovnako. Je takmer nemožné nainštalovať všetky rôzne prehliadače na jednom počítači. Ale vďaka niektorým nástrojom a webovým službám je možné zistiť, ako vyzerá vaša webová stránka v iných prehliadačoch.

V tomto článku chceme upozorniť na niektoré riešenia, od ktorých môžete závisieť, aby ste mohli vykonať testovanie kompatibility medzi rôznymi prehliadačmi. Úplný zoznam po skoku.

Testujte kompatibilitu online

Browsershots

Browsershots je bezplatný a najpopulárnejší nástroj na testovanie kompatibility viacerých prehliadačov pre web dizajnérov. Program Browsershots vytvára obrazovky vášho dizajnu webových stránok v rôznych prehliadačoch. V databáze Browsershots sú zahrnuté všetky najobľúbenejšie prehliadače a môžete ľahko skontrolovať, ako vaše webové stránky vyzerajú vo všetkých prehliadačoch a platformách OS.

Prehliadač Sandbox

Vytvoril Spoon.net, táto stránka umožňuje spustiť rôzne prehliadače, vrátane IE, Firefox, Safari, Chrome a Opera priamo z vášho prehliadača. Také jednoduché.

Netrenderer

IE NetRenderer je bezplatný tester pre kompatibilitu prehliadačov. S programom IE NetRenderer môžete skontrolovať, ako sa webové stránky vykresľujú rôznymi verziami aplikácie Internet Explorer. Po beta testovaní bude veľmi rýchlo v IE NetRenderer integrovaná najnovšia verzia IE - IE9 a budete môcť vidieť, že vaše webové stránky zobrazujú chyby v tomto prehliadači.

Browsrcamp

Služba Browsrcamp vám umožňuje otestovať kompatibilitu vášho dizajnu s prehliadačmi Mac OS X. Ak nechcete minúť peniaze, môžete skontrolovať kompatibilitu vášho dizajnu s Safari 3.1.2. Jednoducho pridajte webovú adresu URL a dostanete svoj webový obrázok obrazovky. Ale ak chcete skontrolovať kompatibilitu s ostatnými prehliadačmi Mac, môžete sa prihlásiť na odber za 3 USD.

Adobe Browserlab

Adobe Browserlab je webhostingová služba, ktorá umožňuje návrhárom testovať návrhy na viacerých prehliadačoch a operačných systémoch. V tomto systéme sú zahrnuté funkcie priblíženia a meracie nástroje ako pravítka a vodítka a schopnosť rýchlo sa pohybovať do špecifických oblastí snímky obrazovky. Sady prehliadačov umožňujú návrhárom prispôsobiť, upraviť a uložiť kombináciu prehliadačov na testovanie.

Litmusapp

Litmus zobrazuje screenshoty vašich webových stránok, keď sa pozerajú na všetky hlavné webové prehliadače. Po dokončení testovania môžete získať úplnú správu o kompatibilite pripravenú na posúdenie vašimi klientmi. Litmus má 4 cenové plány. Môžete sa bezplatne zaregistrovať a používať len skúšky prehliadačov Explorer 7 a Firefox 2 alebo môžete vybrať plány poplatkov.

Viewer stránok Anybrowser

Prehliadač webových stránok Anybrowser vám umožňuje prezerať stránky vo formáte HTML ako iné prehliadače alebo v rôznych veľkostiach obrazovky. Môžete sa presunúť z odkazu na stránky zobrazenia odkazov tak, ako by sa zobrazovali v rôznych prehliadačoch a skontrolovať čistotu textu. Prehliadač webových stránok Anybrowser vám tiež umožňuje vybrať konkrétne prvky stránky.

Fundisom

Fundisom je generátor obrazovky Mac, ktorý vám umožňuje zobraziť vaše stránky na Macintosh G5 v Safari, MacIE alebo Mozilla. Zatiaľ je vývoj webového rozhrania lixlpixel Safari Screenshot Generator dočasne offline, ale môžete to skontrolovať neskôr.

Delorie lynxview

Služba Delorie lynxview je služba, ktorá autorom webových stránok umožňuje zobraziť, aké budú ich stránky pri prezeraní s textovým webovým prehliadačom Lynx.

browsera

Prehliadač je určený na to, aby bol použitý ako testovací nástroj, a nie iba nástroj na snímanie obrazovky, a pracuje na úrovni lokality namiesto úrovne stránky. Prehliadač indexovo prehľadá stránky na vašom webe a skutočne ich otestuje na chyby rozloženia a chyby skriptovania.

IE Tab

Karta IE je doplnok Firefox, ktorý umožňuje načítať webové stránky v programe Internet Explorer bez toho, aby ste museli otvárať iné okno prehliadača. Stačí kliknúť na tlačidlo na paneli s nástrojmi prehliadača Firefox a otvorí aktuálnu stránku na novej karte, ktorá používa motor Internet Explorer namiesto prehliadača Firefox.

Plugin a nástroje

IETester

IETester je bezplatný webový prehliadač, ktorý vám umožní mať renderovací a javascriptové motory IE9 preview, IE8, IE7 IE 6 a IE5.5 na Windows 7, Vista a XP. Pre vývojárov webu je užitočné otestovať, či ich stránky fungujú správne vo všetkých najbežnejších verziách programu Internet Explorer.

IECapt

IECapt je malý nástroj príkazového riadka na zachytenie vykresľovania webovej stránky v aplikácii Internet Explorer do súboru obrázkov BMP, JPEG alebo PNG.

Multi-Safari

Multi-Safari je bezplatný nástroj na testovanie kompatibility prehliadačov, ktorý umožňuje skontrolovať vykresľovanie webových stránok pomocou rôznych verzií programu Safari. Multi-Safari neumožňuje testovanie rozlíšenia obrazovky.

Expression Web SuperPreview

Expression Web SuperPreview je bezplatný nástroj, ktorý pomáha používateľom otestovať svoje webové stránky na rôznych verziách programu Internet Explorer. Expression Web SuperPreview je samostatný vizuálny ladiaci nástroj, ktorý uľahčuje migráciu vašich stránok z IE6 na IE7 alebo 8.

iPhoney

iPhoney vám poskytuje presné pixelové prehliadanie webu, ktoré môžete použiť pri vývoji webových stránok pre iPhone. Je to perfektné 320 x 480 pixel plátno pre váš vývoj iPhone. iPhoney nie je iPhone simulátor, ale je určený pre webových vývojárov, ktorí chcú vytvoriť 320 480 webových stránok pre použitie s iPhone.

MultipleIEs

Pomocou nástrojov MultipleIE môžete otestovať svoju webovú stránku v prehľadoch Internet Explorer 3, 4, 5 a 6. Sú to staré prehliadače, ale ak môžete, aby vaše webové stránky boli k dispozícii pre všetky prehliadače, skontrolujte aj tie najstaršie verzie IE s MultipleIEs.

Viac IE

Viac IE je podobný nástroj ako MultipleIEs. Viac IE je malý balík, ktorý umožňuje spustiť viacero verzií IE na rovnakom počítači, od IE 6.0 až po IE 3.0

SortSite Professional

SortSite Professional umožňuje staviteľom webových stránok, vlastníkom a konzultantom skontrolovať celú lokalitu v súlade s normami a otázkami kvality. SortSite skontrolujte každú stránku, ktorú nájde, a potom vytvorí prehľad, v ktorom sú uvedené všetky problémy. SortSite kontroluje viac ako 300 kontrolných bodov kvality.

Lunascape

Lunascape je prvým a jediným prehliadačom trojitých motorov na svete. Sú zahrnuté hlavné prehliadače: IE, Firefox, Chrome, Safari. S programom Lunascape si môžete vybrať ten pravý motor, ktorý sa má používať v správnom čase, pričom si uvedomíte dramatický pokles v otázkach kompatibility webového prehliadača, dlhý čas načítania a nesprávne zobrazovanie webových stránok.

Premium služby

Browsercam

Služba BrowserCam je platená služba online, ktorá umožňuje zobraziť vaše webové stránky na rôznych platformách a prehliadačoch, a to buď automatickým snímaním snímok obrazovky podľa vášho výberu alebo vzdialeným prístupom k počítačom.

Crossbrowsertesting

S touto lokalitou budete môcť otestovať svoje webové stránky (alebo niekoho iného) na ľubovoľnom operačnom systéme a prehliadači. To by malo ušetriť veľa času, keď sa snažíte robiť veci. Cena predplatného začína od 19,95 USD.

Url2image

Pomocou farmy webového servera Url2image a ako prihlásený používateľ si môžete vyžiadať snímky obrazovky dizajnu webovej stránky pomocou rôznych kombinácií prehliadača a operačného systému. Url2image ponúka cenu za screenshoty. 2 snímky obrazovky stojí $ 1.

SortSite

SortSite Professional kontroluje stránky pre rad funkcií, ktoré nefungujú správne alebo sa správajú odlišne v rôznych prehliadačoch. Štandardná licenčná cena je 149 EUR.

Multi prehliadač prehliadača

Multi Browser Viewer obsahuje 17 vopred zabalených virtualizovaných samostatných prehliadačov. Okrem 17 samostatných prehliadačov má Multi-Browser Viewer tiež možnosť otestovať vaše stránky v 50 prehliadačoch v troch operačných systémoch (Mac, Windows a Linux). Licenčná cena pre jedného používateľa je 99,95 USD.

Cloud Testing

Funkcia testovania cloudového testovania Cross Browser umožňuje overiť vzhľad a funkčnosť webových stránok pre elektronický obchod a transakcie pomocou prehliadačov IE 6,7,8, Firefox, Apple Safari, Google Chrome a Opera. Cena za jeden test je Ã? Â'Ã'Â £ 0,10.