Méně známou funkcí prohlížeče Google Chrome v operačních systémech Desktop je schopnost pořídit snímek obrazovky otevřené stránky, jako by snímek obrazovky pocházel z prohlížeče spuštěného na mobilním zařízení. Může dokonce přidat rámeček kolem snímku obrazovky, takže vypadá jako realistická fotografie smartphonu. Zde je možné to udělat.
V Nástrojích pro vývojáře Chrome existuje speciální nástroj, který umožňuje emulovat mobilní zařízení. Pro vývojáře je velmi užitečné zkontrolovat, jak vypadají jejich webové stránky na chytrých telefonech a zařízeních s malou obrazovkou. Umožňuje určit vlastní velikost obrazovky nebo použít předdefinované velikosti zařízení, jako jsou iPhone, iPad, Nexus nebo Samsung Galaxy. Jakmile se otevřená stránka zobrazí v emulátoru zařízení, může uživatel zachytit snímek obrazovky stránky. Je také možné povolit rámeček zařízení kolem stránky, takže bude vypadat jako realistická fotografie.
Můžete to udělat následovně.
- Otevřete požadovanou stránku v prohlížeči Chrome a stiskněte klávesu F12. Otevře se Nástroje pro vývojáře:
- Režim vývojových nástrojů přepnete kliknutím na tlačítko emulátoru mobilního zařízení:
- Pod voličem zařízení vyberte nějaké zařízení. Například vyberu iPhone 6:
- Nyní klikněte na nabídku 3 teček vpravo od selektoru zařízení a zaškrtněte možnost 'Zobrazit rámeček zařízení':
- Voila, nyní se vaše webová stránka zobrazuje uvnitř pěkného rámečku zařízení:
Nyní klikněte znovu na nabídku se třemi tečkami a vyberte možnost „Zachytit snímek obrazovky“:
Výsledek bude následující:
Jsi hotov.
