Jak zrobić zrzut ekranu w Google Chrome za pomocą narzędzi programistycznych

Spisu treści:

Jak zrobić zrzut ekranu w Google Chrome za pomocą narzędzi programistycznych
Jak zrobić zrzut ekranu w Google Chrome za pomocą narzędzi programistycznych
Anonim

Co warto wiedzieć

  • Na komputerze: naciśnij Ctrl + Shift + I, a następnie Ctrl + Shift P.
  • Mac: naciśnij Command + Option + I, a następnie Command + Shift P.
  • Następnie wpisz "zrzut ekranu", aby zobaczyć cztery opcje zrzutu ekranu.

Ten artykuł wyjaśnia, jak robić zrzuty ekranu w Chrome za pomocą narzędzi programistycznych.

Jak korzystać z narzędzi programistycznych Chrome do robienia zrzutów ekranu

Różnica między używaniem klawisza Print Screen a narzędziem Chrome polega na tym, że narzędzie do zrzutów ekranu Chrome nie uwzględnia obramowania okna przeglądarki Chrome, a jedynie zawartość strony internetowej. Jeśli chcesz przechwycić tylko zawartość strony bez edytowania zrzutów ekranu, narzędzia programistyczne mogą zaoszczędzić Ci kroku.

Możesz użyć menu lub skrótów klawiaturowych, aby uzyskać dostęp do narzędzi programistycznych.

  1. Naciśnij Ctrl + Shift + I na komputerze PC lub Command + Option + I na komputerze Mac. Alternatywnie, kliknij ikonę menu z trzema kropkami i wybierz Więcej narzędzi > Narzędzia programistyczne Spowoduje to otwarcie menu programisty Element Inspector, które pokazuje Kodowanie HTML.

    Image
    Image
  2. Następnie naciśnij Ctrl + Shift P (PC) lub Command + Shift P (Mac) albo kliknij menu z trzema kropkami dla Dostosuj i kontroluj DevTools i wybierz Uruchom polecenie.

    Image
    Image

    Tylko dla zwykłego lub pełnowymiarowego zrzutu ekranu, kliknij ikonę menu z trzema kropkami u góry strony, którą chcesz przechwycić, i wybierz Przechwyć zrzut ekranu lub Zrób zrzut ekranu w pełnym rozmiarze.

  3. Wpisz "zrzut ekranu", aby zobaczyć opcje zrzutu ekranu, którymi są:

    • Zrzut ekranu obszaru przechwytywania
    • Zrób zrzut ekranu w pełnym rozmiarze
    • Zrzut ekranu węzła przechwytywania
    • Zrób zrzut ekranu
    Image
    Image
  4. Przewiń w dół, aby wybrać typ zrzutu ekranu, który chcesz przechwycić za pomocą myszy lub klawiszy strzałek na klawiaturze.

Opcje zrzutów ekranu dla programistów Chrome

Wybierz Zrzut ekranu obszaru, aby uchwycić część ekranu. Użyj myszki, aby przeciągnąć ramkę wokół obszaru, który chcesz zrzutu ekranu.

Aby uzyskać zrzut ekranu całej strony internetowej, wybierz Przechwyć zrzut ekranu w pełnym rozmiarze. Ta opcja pozwala uzyskać obraz strony internetowej, która nie mieści się wygodnie na jednym ekranie.

Ta opcja miała mieszane wyniki w naszych testach, w zależności od strony internetowej.

Jeśli chcesz standardowy zrzut ekranu, wybierz Zrób zrzut ekranu, który przechwyci to, co jest widoczne na ekranie.

Na koniec możesz uzyskać zrzut ekranu elementu HTML, wybierając Przechwyć zrzut ekranu węzła.

Po zrobieniu zrzutu ekranu pojawi się okno dialogowe Zapisz. Wybierz folder i nadaj swojemu zrzutowi ekranu nazwę pliku. Wszystkie zrzuty ekranu wykonane przy użyciu narzędzi programistycznych są również dostępne w menedżerze pobierania Chrome.

Zalecana: