Jak robić zrzuty ekranu w Google Chrome

Narzędzia programistyczne Google Chrome mogą być używane do robienia zrzutów ekranu elementów strony internetowej z Google Chrome. Możesz robić zrzuty ekranu określonych elementów strony internetowej lub całej strony internetowej za pomocą narzędzi Google Chrome Developer.

W tym artykule pokażemy, jak zrobić zrzuty ekranu określonych elementów strony internetowej lub całej strony internetowej za pomocą narzędzi Google Chrome Developer.

Temat spisu:

1. Otwieranie narzędzi Google Chrome Developer
2. Wybieranie określonego elementu na stronie internetowej za pomocą Google Chrome Developer Tools
3. Robienie zrzutów ekranu elementów strony internetowej za pomocą narzędzi Google Chrome Developer
4. Robienie zrzutów ekranu pełnej strony internetowej za pomocą Google Chrome Developer Tools
5. Wniosek
6. Bibliografia

Otwieranie narzędzi Google Chrome Developer

Aby otworzyć narzędzia Google Chrome Developer, uruchom Google Chrome, odwiedź stronę internetową, którą chcesz zrobić zrzut ekranu, i naciśnij + + I.

Jeśli potrzebujesz pomocy w otwarciu narzędzi Google Chrome Developer, przeczytaj artykuł na temat otwarcia narzędzi Google Chrome Developer.

Wybieranie określonego elementu na stronie internetowej za pomocą Google Chrome Developer Tools

Jeśli chcesz zrobić zrzuty ekranu określonego elementu ze strony internetowej za pomocą narzędzi Google Chrome Developer, musisz być w stanie wybrać element, który chcesz zrobić zrzuty ekranu ze strony internetowej.

Możesz wybrać element ze strony internetowej na karcie „Elementy” narzędzi Google Chrome Developer.

Możesz także użyć narzędzia „Inspekcja” narzędzi Google Chrome Developer, aby wybrać element ze strony internetowej.

Aby użyć narzędzia Inspekcji, kliknij

z lewicowego rogu narzędzi Google Chrome Developer.

Wybierz element, który chcesz zrobić zrzut ekranu ze strony internetowej. Po wybraniu elementu sekcja kodu HTML powinna być również automatycznie wybrana na karcie „Elementy”.

Robienie zrzutów ekranu elementów strony internetowej za pomocą narzędzi Google Chrome Developer

Aby zrobić zrzut ekranu wybranego elementu strony internetowej, kliknij prawym przyciskiem myszy (RMB) na wybranym elemencie nadrzędnym HTML z karty „Elements” i kliknij „Zrzucanie zrzutów ekranu węzła przechwytujące”.

Zrzut ekranu wybranego elementu strony internetowej należy pobrać i zapisać na komputerze.

Jak widać, zrzucono zrzut ekranu wybranego elementu strony internetowej.

Spróbujmy zrobić zrzut ekranu innego elementu strony internetowej za pomocą narzędzi Google Chrome Developer.

Wybierz spis treści w jednym z artykułów Linuxhint, kliknij prawym przyciskiem myszy (RMB), i kliknij „Zrzucanie zrzutów ekranu węzła przechwytywania”, aby zrobić zrzut ekranu, tak jak ostatnio to zrobiliśmy.

Zrzut ekranu jest teraz pobrany i zapisany.

Jak widać, pobrany jest zrzut ekranu tylko spisu treści.

Robienie zrzutów ekranu pełnej strony internetowej za pomocą Google Chrome Developer Tools

Aby zrobić zrzut ekranu pełnej strony, przejdź do zakładki „Elementy” narzędzi Google Chrome Developer. Przewiń w górę i wybierz znacznik HTML. To wybiera całą stronę internetową.

Teraz kliknij prawym przyciskiem myszy (RMB) na znaczniku HTML i kliknij „Zrzucanie zrzutu węzła przechwytywania”.

Zrzut ekranu całej strony internetowej należy wziąć i zapisać na komputerze.

Jak widać, zrzut ekranu pełnej strony jest pomyślnie pobrany.

Wniosek

Pokazaliśmy, jak otworzyć narzędzia Google Chrome Developer. Pokazaliśmy również, jak wybrać określone elementy strony internetowej za pomocą narzędzia Inspekcji narzędzi programistów Google Chrome i jak robić zrzuty ekranu określonych elementów strony internetowej i pełnej strony internetowej za pomocą narzędzi Google Chrome programisty.

Bibliografia:

• https: // programista.chrom.com/blog/new-in-in-devtools-62/#node-screenshots