top of page

Jak zrobić zrzut ekranu całej strony internetowej bez instalacji dodatków

Zdjęcie autora: Piotr BartczakPiotr Bartczak
Jak zrobić pełny zrzut ekranu strony www

Jak zrobić pełny zrzut ekranu strony www

Gdy potrzebujesz pełny zrzut ekranu jakiejś strony www, nie musisz jej przewijać i robić tego po kawałku.

Jeśli masz przeglądarkę Google Chrome, to skorzystaj z opcji „Capture Full Screen Size” w Developer Tools. To narzędzie jest wbudowane w przeglądarkę Chrome, więc nie trzeba instalować żadnych dodatków (rozszerzeń).

Sprawdź, jak to zrobić krok po kroku.


 

W przeglądarce Chrome:

  1. Wejdź na stronę, której zrzut ekranu chcesz zrobić. Ja w przykładzie skorzystałam ze strony www.websitedesigndurban.com.

  2. Kliknij prawy klawisz myszy i wybierz Inspect.

Krok 1: Inspect

Krok 1: Inspect


  1. W panelu na dole po lewej kliknij na ikonkę urządzeń mobilnych.

Krok 2 - kliknij w ikonę urządzeń mobilnych

Krok 2 – kliknij w ikonę urządzeń mobilnych


  1. Upewnij się, że strona jest rozciągnięta na cały ekran. Jeśli nie jest, to ją rozciągnij, chwytając za pionowe kreski po prawej (dobrze to widać na filmiku zamieszczonym niżej).

Krok 3: Upewnij się, że strona jest rozciągnięta na cały ekran

Krok 3: Upewnij się, że strona jest rozciągnięta na cały ekran


  1. Kliknij na trzy pionowe kropki w prawym górnym rogu.

Krok 4: Kliknij w trzy pionowe kropki

Krok 4: Kliknij w trzy pionowe kropki


  1. Wybierz opcję Capture full size screenshot.

Krok 5: Wybierz Capture full size screenshot

Krok 5: Wybierz Capture full size screenshot


  1. Odczekaj moment i za chwilę zrzut ekranu zapisze ci się na dysku (w Downloads/Pobrane).

Krok 6: Zrzut ekranu zapisuje się w katalogu pobrane

Krok 6: Zrzut ekranu zapisuje się w katalogu Pobrane/Downlaods


Tak będzie wyglądać zrzut ekranu strony z naszego przykładu.

Zrzut ekranu strony www.websitedesigndurban.com

Zrzut ekranu strony www.websitedesigndurban.com


Ciekawostka – zrzut ekrany w widoku na urządzenia mobilne

Możesz również wykonać zrzut ekranu w szerokości strony odpowiadającej różnym urządzeniom mobilnym.

Klikaj w różne miejsce na belce, aby testować widok na urządzenia mobilne

Klikaj w różne miejsce na belce, aby testować widok na urządzenia mobilne


Wybrane telefony

Wybrane telefony


Szczegóły omówiono w filmiku.

0 wyświetleń0 komentarzy

Ostatnie posty

Zobacz wszystkie

Comments


bottom of page