Zrzuty ekranu to elastyczne narzędzie do codziennych zadań, od prezentowania pracy po udostępnianie informacji. Możesz robić zrzuty ekranu za pomocą poleceń klawiaturowych, aplikacji i rozszerzeń przeglądarki, ale czy kiedykolwiek próbowałeś robić zrzuty ekranu bezpośrednio przez Google Chrome?
Oto scenariusz, potrzebujesz zrzutu ekranu całej strony internetowej. Zamiast robić wiele zrzutów ekranu strony, co może być uciążliwe, dlaczego nie zrobić tego za jednym razem? W tym miejscu pojawiają się narzędzia programistyczne.
W tym przewodniku wyjaśniono, jak używać narzędzi programistycznych Chrome do łatwego robienia zrzutów ekranu stron internetowych.
Narzędzia programistyczne Chrome to potężne zintegrowane narzędzia do debugowania wbudowane w przeglądarkę Google Chrome. Narzędzia pozwalają programistom do testowania, debugowania i optymalizowania aplikacji internetowych, aby były szybsze i bardziej niezawodne.
Niektóre funkcje obejmują przeglądanie i edytowanie kodu strony internetowej w czasie rzeczywistym, przeglądanie ruchu sieciowego i analizowanie jej wydajności, w tym czasu ładowania i wykorzystania pamięci.
Aby zrobić zrzut ekranu strony internetowej za pomocą narzędzi programistycznych w Google Chrome, wykonaj poniższe czynności:
Po pierwsze, otwórz Google Chrome a następnie przejdź do witryny internetowej lub określonej strony internetowej. Następnie kliknij prawym przyciskiem myszy w dowolnym miejscu na stronie i kliknij Sprawdzać u dołu menu rozwijanego, aby otworzyć plik Narzędzia deweloperskie płyta. Alternatywnie możesz użyć Ctrl + Shift + C.
Przełącz Pasek narzędzi urządzenia klikając drugą ikonę w lewym górnym rogu lub Ctrl + Shift + M. Możesz zobaczyć, jak strona wygląda na różnych urządzeniach, takich jak telefony i tablety.
W lewym górnym rogu znajduje się rozwijane menu o nazwie Wymiary. Kliknięcie go spowoduje wyświetlenie menu z różnymi urządzeniami. Kliknięcie opcji pokaże, jak strona wygląda na tym urządzeniu. Możesz także zobaczyć szerokość i wysokość strony oraz opcję powiększania i pomniejszania.
W zależności od urządzenia opcja szerokości lub wysokości (lub obie) zostanie unieważniona, co uniemożliwi zmianę rozmiaru.
Opcjonalnie możesz wybrać urządzenie i orientację, aby zrobić zrzut ekranu Tryb urządzenia. Gdy jesteś zadowolony z tego, jak wszystko wygląda, kliknij trzy pionowe kropki na pasku wymiarów i kliknij jedną z nich Przechwyć zrzut ekranu Lub Zrób zrzut ekranu w pełnym rozmiarze.
Alternatywnie możesz użyć Ctrl + Shift + P aby otworzyć menu poleceń i wpisać słowo zrzut ekranu w polu tekstowym. Po wpisaniu słowa zauważysz, że w menu rozwijanym pojawiają się cztery rodzaje opcji przechwytywania zrzutów ekranu:
- Zrzut ekranu obszaru przechwytywania: wykonuje zrzut ekranu sprawdzanego elementu.
- Zrób zrzut ekranu w pełnym rozmiarze: wykonuje zrzut ekranu całej strony.
- Przechwyć zrzut ekranu węzła: przeciągnij określony obszar strony, który chcesz przechwycić.
- Przechwyć zrzut ekranu: wykonuje zrzut ekranu całej widocznej zawartości strony.
Aby uzyskać szerszy zrzut ekranu strony, dostosuj rozmiar panelu Narzędzia dla programistów. Możesz to zrobić, umieszczając kursor myszy nad prawą częścią pionowego paska przewijania, aż zobaczysz podwójną strzałkę. Kliknij go i przeciągnij panel w lewo lub w prawo, aby zmienić rozmiar strony.
Zrzut ekranu zostanie automatycznie zapisany w twoim Pliki do pobrania folder jako plik obrazu PNG, o ile go nie masz wszelkie problemy z pobieraniem plików. Stamtąd możesz dokonać dowolnych korekt obrazu.
Nowy sposób robienia zrzutów ekranu w Google Chrome
Wykonanie zrzutu ekranu za pomocą Narzędzi dla programistów Google Chrome może pomóc Ci zrobić więcej i zaoszczędzić czas. Zapewnia także nowy sposób robienia zrzutów ekranu, niezależnie od tego, czy jesteś programistą, projektantem, czy zwykłym użytkownikiem.
Następnym razem, gdy będziesz musiał zrobić zrzut ekranu w innej orientacji lub na innym urządzeniu, użycie Narzędzi dla programistów to szybki i skuteczny sposób, który jest zawsze dostępny. Kiedy pobieramy pliki, są one zapisywane w naszym domyślnym folderze Pobrane. Ale jeśli chcesz zmienić folder, możesz to łatwo zrobić w Google Chrome.
