V minulosti platilo, že na každom zariadení sa musí web zobraziť rovnako. Dnes je to presne naopak. Ako ale testovať a ladiť vzhľad webu, ak existuje toľko rôznych rozlíšení a zariadení?
Našťasie existuje viacero šikovných nástrojov, ktoré nám ukážu, ako vyzerá webová stránka na tom či inom zariadení. Rýchlo, jednoducho a úplne zadarmo.
Safari Responsive Design Mode
Používatelia Safari v systéme macOS môžu využiť vstavanú featuru aktivovaním developerských možností: Safari > Preferences > Advanced > Show Develop menu in menu bar. Následne stačí navštíviť webovú stránku a v menu bare prejsť na Develop > Enter Responsive Design Mode.
![Náhľad na Safari Responsive Design mode](https://www.websupport.sk/blog/wp-content/uploads/2017/11/safari-responsive-design-mode-nahlad-1100x882.jpg)
Dostupné sú módy pre aktuálne iPhony a iPady v horizontálnom, vertikálnom aj multi-window zobrazení. V nástroji nechýbajú bežné desktop rozlíšenia a módy pre ostatné prehliadače.
Responsinator
Tento nástroj dostupný na responsinator.com môžete používať na akejkoľvek platforme a prehliadači bez akýchkoľvek dodatočných inštalácií. Stačí zadať URL adresu a o chvíľu môžete vidieť váš web na desiatkach rôznych obrazoviek.
![Náhľad na mobilnú verziu www.websupport.sk v nástroji Responsinator](https://www.websupport.sk/blog/wp-content/uploads/2017/11/Responsinator_-_www_websupport_sk-1100x549.jpg)
Google Mobile-Friendly Test
Google Mobile-Friendly Test dostupný na adrese search.google.com je ďalší z podarených nástrojov pre správcov webu. Na rozdiel od vyššie spomínaných nástrojov neponúka náhľady obrazoviek. Namiesto toho iba zobrazí, či je vaša stránka pripravená na mobilné obrazovky a jeden náhľad na aktuálnu mobilnú verziu.
![Náhľad na výsledok Google Mobile Friendly Test](https://www.websupport.sk/blog/wp-content/uploads/2017/11/google-mobile-friendly-test-websupport_sk-1100x927.jpg)