Google Chrome je v současné době prohlížeč, který nejvíce používají miliony uživatelů na celém světě, a vyznačuje se svými funkcemi a možnostmi vývoje. Ve specifických situacích můžeme chtít pořídit snímek obrazovky webu, který navštěvujeme v prohlížeči Google Chrome, a existují praktické možnosti, které nezahrnují klasické nástroje, jako je Snipping ve Windows 10 nebo klávesy Command + Shift + 4 v systému macOS Mojave.
Ve Firefoxu Quantum, což je další široce používaný prohlížeč, jsme již viděli, jak vytvořit screenshot nebo snímek obrazovky celé webové stránky, dnes je na řadě Google Chrome, který v následujících možnostech důkladně vysvětlíme, abychom byli odborníky v možnosti provádět tento typ úlovků všemi možnými způsoby.
Prostřednictvím tohoto tutoriálu se naučíme zachytit obrazovku v prohlížeči Google Chrome praktickým způsobem pomocí vlastních nástrojů prohlížeče.
1. Snímek obrazovky v prohlížeči Google Chrome pomocí rozšíření
Rozšíření nebo doplňky jsou jedním z nejjednodušších způsobů, jak maximalizovat výkon prohlížeče, a v případě snímků obrazovky máme několik možností.
Krok 1
Za tímto účelem přejdeme na následující odkaz:
Krok 2
Do vyhledávacího pole obchodu zadáme výraz „snímání obrazovky“:
Krok 3
Výsledky budou následující:
Krok 4
Tam klikneme na rozšíření „Snímání obrazovky“ a zobrazí se následující:
Krok 5
Kliknutím na tlačítko „Přidat do prohlížeče Chrome“ přidáme do prohlížeče příslušné rozšíření:
Krok 6
Akci dokončíte kliknutím na Přidat rozšíření. Nyní budeme mít rozšíření přidáno a kliknutím na něj zobrazíte jeho různé možnosti:
Krok 7
Máme zde následující možnosti:
- Zachyťte konkrétní oblast webové stránky
- Zachyťte celou webovou stránku
- Zachyťte pouze viditelný obsah
Krok 8
Jakmile tam stiskneme, přejdeme na snímek obrazovky, kde uvidíme následující:
ZVĚTŠIT
Krok 9
Tam můžeme přidávat poznámky k zachycení, ukládat nebo sdílet zachycení, tyto možnosti jsou k dispozici nahoře.
Krok 10
Můžeme kliknout na tlačítko „Možnosti“, kde bude možné stanovit následující:
- Typ formátu, ve kterém bude obrázek uložen (JPG.webp nebo PNG)
- Vytvářejte klávesové zkratky
ZVĚTŠIT
2. Snímek obrazovky v prohlížeči Google Chrome bez použití rozšíření
Toto je další praktická alternativa k pořízení obrazovky v prohlížeči Google Chrome a vyžaduje přístup k možnostem vývojáře prohlížeče.
Krok 1
K tomu musíme mít Google Chrome ve verzi 59 a abychom znali aktuální verzi, máme dvě možnosti:
- V novém okně proveďte následující řádek:
chrome: // nastavení / nápověda
- V cestě Nabídka / Nápověda / O aplikaci Google Chrome
Krok 2
Jakmile budeme znát verzi prohlížeče Google Chrome, můžeme v prohlížeči Google Chrome zahájit proces snímání obrazovky. Za tímto účelem klikneme na ikonu Přizpůsobit a ovládáme Google Chrome a tam přejdeme na trasu „Další nástroje / Nástroje pro vývojáře“:
PoznámkaMůžeme také použít kombinaci kláves podle toho, zda máme Windows nebo Mac:
Režim pro vývojáře Mac
⌥ + ⌘ + I
Režim pro vývojáře Windows
Ctrl + Shift + I
Krok 3
V zobrazené sekci můžeme použít dva režimy:
Režim zařízeníV zobrazeném okně používáme pro přístup do tohoto režimu kombinaci kláves Ctrl + Shift + M a v sekci „Responzivní“ můžeme definovat typ zařízení, které se má použít:
Ctrl + Shift + M
Při výběru typu zařízení můžeme kliknout na ikonu nabídky umístěnou nahoře a odtud vybrat možnost snímání obrazovky:
Výběrem možnosti „Zachytit snímek obrazovky v plné velikosti“ se automaticky uloží jako PNG:
Režim příkazuJe to ještě praktičtější metoda než ta předchozí, a proto musíme znovu přistupovat k nástrojům pro vývojáře nebo pomocí kláves Ctrl + Shift + I a jakmile se zobrazí boční okno, použijeme klávesy Ctrl + Shift + P a tam jednoduše zadejte do horního pole výraz „screenshoot“ a automaticky se zobrazí dostupné možnosti. Klikneme na možnost „Zachytit snímek obrazovky v plné velikosti“.
Ctrl + Shift + I
Ctrl + Shift + P
Díky těmto jednoduchým metodám bude možné pořizovat snímky obrazovky v prohlížeči Google Chrome. A také vysvětlil, jak pořídit snímek obrazovky celé webové stránky.
To by byl výsledek vytvoření snímku obrazovky celé webové stránky v tomto příkladu, domovské stránky Solvetic.
