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 | komentářů: 0

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í.

 

responsivetest.net

Tento online test umožňuje jak zadat vlastní rozlišení, tak vybírat z mnoha již předdefinovaných zařízení. Dále nabízí možnost otočení rozlišení ( simuluje přetočení zařízení z jedné polohy do druhé ). URL adresa nástroje: http://responsivetest.net.

 

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.