Od provozovatele projektu Rychlost.CZ
WebDev.wiki > Návody pro webmastery a vývojáře > Testování responsivních webů

Testování responsivních webů - Aplikace pro vývoj

vydáno: 03.08.2016, seriál: Aplikace pro vývoj

Responsivní webové stránky je potřeba testovat. Web by měl mít dobré zobrazení při jakémkoliv běžném rozlišení. K účelu testování lze využít několik služeb, které jsou online a zdarma nebo je přímo nabízí prohlížeče.

 

Zmenšení okna prohlížeče na danou velikost

Prohlížeč Chrome nabízí možnost spustit Nástroje pro vývojáře a pod nimi naleznete ikonku mobilních zařízení ( Toggle device toolbar ). Web se Vám poté zobrazí ve zmenšeném okně a lze si nastavit požadované rozlišení. Aktuální rozlišení lze vidět v horní části obrazovky nad zmenšeným oknem. Lze také vybírat pro test i z již předdefinovaných zařízení.

Podobnou službu nabízí i prohlížeč FireFox. Při kliknutí na Otevře nabídku ( tři horizontální proužky v právé části obrazovky ) naleznete v dolní části menu položku Vývojář. Poté stačí kliknout jen na Responsivní design. Zobrazí se Vám podobné okno jako v Chrome. Prohlížeč navíc umožňuje udělat screen daného rozlišení či otočit rozlišení.

 

Online nástroje

Další alternativou pro vaše testování nabízí online nástroje. Stačí zadat URL testovaného webu a poté požadované rozlišení a vidíme chování webu na daném zařízení.

 

responsinator.com

Velice hezký nástroj pro testování webových stránek. Předností je určitě to, že testuje web hned pro několik zařízení. Stačí zadat URL adresu testovaného webu a během chvilky máte k náhledu hned několik zařízení. URL adresa nástroje: https://www.responsinator.com.

 

isresponsive.com

Online nástroj, který Vám umožní testování a také plynulé roztahování okna.  Dále je zde možnost komentovat nástroj. URL adresa nástroje: http://www.isresponsive.com.

 

responsive.cc

Tato služba umožňuje pro jaká přesně zařízení chcete web testovat a zda jen na ležato či na stojato a nebo obojí. Web je v německém jazyce. URL adresa: http://www.responsive.cc.

 

Závěr

Ať se rozhodnete pro kterýkoliv způsob testování, vždy je dobré web řádně otestovat. Webová prezentace by se vám měla zobrazovat dobře ve všech zařízeních.