Vytvořte snímek obrazovky webové stránky s rámečkem zařízení v prohlížeči Chrome

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

1. 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:
2. Režim vývojových nástrojů přepnete kliknutím na tlačítko emulátoru mobilního zařízení:
3. Pod voličem zařízení vyberte nějaké zařízení. Například vyberu iPhone 6:
4. 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í':
5. 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.