Jak pořídit snímek obrazovky v prohlížeči Google Chrome pomocí nástrojů pro vývojáře

Obsah:

Jak pořídit snímek obrazovky v prohlížeči Google Chrome pomocí nástrojů pro vývojáře
Jak pořídit snímek obrazovky v prohlížeči Google Chrome pomocí nástrojů pro vývojáře
Anonim

Co je dobré vědět

  • Na PC: Stiskněte Ctrl + Shift + I a poté Ctrl + Shift P.
  • Mac: Stiskněte Command + Option + I a poté Command + Shift P.
  • Potom zadejte „snímek obrazovky“, abyste viděli čtyři možnosti snímku obrazovky.

Tento článek vysvětluje, jak pořizovat snímky obrazovky v prohlížeči Chrome pomocí nástrojů pro vývojáře.

Jak používat nástroje pro vývojáře Chrome k pořizování snímků obrazovky

Rozdíl mezi používáním klávesy Print Screen a nástrojem Chrome je ten, že nástroj pro snímky obrazovky Chrome nezahrnuje okraje okna prohlížeče Chrome – pouze obsah webové stránky. Pokud chcete zachytit pouze obsah stránky bez úpravy snímků obrazovky, vývojářské nástroje vám mohou ušetřit krok.

Pro přístup k nástrojům pro vývojáře můžete použít nabídky nebo klávesové zkratky.

  1. Stiskněte Ctrl + Shift + I na PC nebo Command + Option + I na Macu. Případně klikněte na ikonu nabídky se třemi tečkami a vyberte Další nástroje > Nástroje pro vývojáře Tím se otevře vývojářské menu Element Inspector, které zobrazuje webové stránky HTML kódování.

    Image
    Image
  2. Poté stiskněte Ctrl + Shift P (PC) nebo Command + Shift P (Mac) nebo klikněte na nabídku se třemi tečkami pro Přizpůsobit a ovládat DevTools a vyberte Spustit příkaz.

    Image
    Image

    Chcete-li pouze normální snímek nebo snímek obrazovky v plné velikosti, klikněte na ikonu nabídky se třemi tečkami v horní části stránky, kterou chcete pořídit, a vyberte Zaznamenat snímek obrazovky nebo Zachyťte snímek obrazovky v plné velikosti.

  3. Zadáním „snímek obrazovky“zobrazíte možnosti snímku obrazovky, které jsou:

    • Snímek obrazovky oblasti zachycení
    • Pořídit snímek obrazovky v plné velikosti
    • Capture node screenshot
    • Pořídit snímek obrazovky
    Image
    Image
  4. Posuňte se dolů a vyberte typ snímku obrazovky, který chcete pořídit pomocí myši nebo kláves se šipkami na klávesnici.

Možnosti snímku obrazovky vývojáře Chrome

Vyberte Zachytit snímek obrazovky oblasti pro zachycení části obrazovky. Pomocí myši přetáhněte rámeček kolem oblasti, kterou chcete pořídit snímek obrazovky.

Chcete-li získat snímek obrazovky celé webové stránky, vyberte Pořídit snímek obrazovky v plné velikosti. Tato možnost vám umožní získat obrázek webové stránky, který se nevejde pohodlně na jednu obrazovku.

Tato možnost měla při testování smíšené výsledky v závislosti na webu.

Pokud chcete standardní snímek obrazovky, zvolte Zachytit snímek obrazovky, který zachytí, co je vidět na obrazovce.

Nakonec můžete získat snímek obrazovky prvku HTML výběrem Zachycení snímku uzlu.

Po pořízení snímku obrazovky se zobrazí dialogové okno Uložit. Vyberte složku a pojmenujte snímek obrazovky. Všechny snímky obrazovky pořízené pomocí nástrojů pro vývojáře jsou k dispozici také ve správci stahování Chrome.

Doporučuje: