4.7.18

Jak zkontrolovat zobrazení školního webu na mobilních zařízeních?

Při testování různým školních nebo školských webů se často setkáváme s nekorektním zobrazením webových stránek na mobilních zařízeních. Požadavek na responzivní web design by měl být součástí zadání při tvorbě všech nových webů, důvodem je rozšíření mobilních zařízení a jejich stále častější využívání pro přístup k webovým službám. Bohužel řada dodavatelů i odběratelů nevěnuje dostatek pozornosti testování nových webových stránek, výjimkou nebyly ani poslední weby zprovozněné MŠMT, NIDV či NÚV. Webový prohlížeč Chrome přitom nabízí jednoduchý nástroj pro kontrolu zobrazení na různých zařízeních a existuje i řada podobných služeb online.

Pokud si chcete zobrazení webové stránky na mobilních zařízeních v prohlížeči Chrome otestovat, stačí spustit funkci v nabídce Další nástroje - Nástroje pro vývojáře nebo použít klávesovou zkratku Ctrl+Shift+I:


V nabídce vpravo nahoře pak stačí vybrat modrou ikonku mobilu (Toggle device element) nebo použít klávesovou zkratku Ctrl+Shift+M:


V levé části je pak nahoře nabídka možných zařízení:


Podívejme se na galerii webů s chybami zobrazení:


A jaké další online služby pro testování zobrazení můžeme například použít? Jsou jich ale možná už stovky...

Responsive Website Design Tester od Media Genesis:


Am I Responsive? na webu Responsive Web Design:


isResponsive: Responsive Web Design Online Testing


A příznáváme, že i na pedagogicke.info máme co napravovat...

Žádné komentáře:

Okomentovat