Funkce zařízení Chrome: Rychlá emulace mobilních zařízení
- Kategorie: Google Chrome
Jako webmaster musíte nejen zajistit, aby se uživatelům stolního počítače zobrazoval správný obsah, ale také aby se mobilní uživatelé zobrazovali správně.
To může být velký problém vzhledem k tomu, že nemůžete otestovat všechny možné operační systémy, prohlížeče a rozlišení obrazovky, které tato zařízení používají, alespoň ne bez emulace nebo nějaké softwarové pomoci.
Jednou z věcí, kterou chcete zajistit, je to, že se web zobrazuje dobře bez ohledu na velikost obrazovky. Měl by se zobrazovat v pořádku pro návštěvníky, kteří procházejí web pomocí Apple iPhone 5, se zařízením Google Nexus, Windows Phone nebo Amazon Kindle.
Režim zařízení Google Chrome, který je k dispozici také v Chromiu, vám poskytuje nástroje pro rychlou emulaci mobilních zařízení v prohlížeči.
Jednou z aplikací je zajistit, aby se na displeji zobrazovala v pořádku, druhá aby zjistila, jak dobře je obsah doručen do zařízení.
Poznámka : U vydaných verzí prohlížeče Chrome mohou chybět některé funkce režimu zařízení a emulace. Tyto funkce budou nakonec zpřístupněny.
Spusťte režim zařízení
Chcete-li spustit režim zařízení, nejprve otevřete Nástroje pro vývojáře. To lze provést pomocí zkratky Ctrl-Shift-i nebo kliknutím na ikonu Hamburger az kontextové nabídky výběrem Další nástroje> Nástroje pro vývojáře.
Zde musíte vybrat tlačítko režimu zařízení, které najdete v levém horním rohu vedle ikony inspektora.
Po dokončení se v horní části zobrazí nová nabídka a všimnete si, že pravítka jsou zobrazena také svisle a vodorovně.
Pomocí nabídky zařízení v horní části vyberte konkrétní zařízení, které vás zajímá. Chrome stránku automaticky upraví tak, aby odpovídala rozlišení (které můžete zakázat, pokud chcete).
Kromě možností rychlého přepínání mezi různými zařízeními je podporováno několik desítek zařízení, která jsou specifická a obecná, je navíc možné povolit omezení sítě, aby emulovala pomalá připojení, a upravovat agenta uživatele, který se automaticky změní při přepínání zařízení.
V závislosti na dotyčném webu může být nutné znovu načíst správné výsledky. To je například případ společnosti Ghacks, kde jsem musel stránku znovu načíst, aby se zobrazila mobilní verze webu.
Další zajímavou možností je schopnost rychle zaměnit šířku a výšku obrazovky za emulaci krajiny.
Dozvíte se více o dalších funkcích režimu zařízení na oficiálním webu vývojáře Chrome .
Závěr
Režim zařízení nabízí vynikající způsob testování, jak se obsah webových stránek zobrazuje v různých emulovaných mobilních zařízeních. Může být použit k rychlému otestování, zda mobilní verze webu funguje tak, jak bylo zamýšleno, nebo zda je třeba provést změny, aby se obsah lépe zobrazoval mobilním uživatelům.