przydatne artykuły

Jak wykonywać zrzuty ekranu z całych stron internetowych bez rozszerzenia Chrome

Chrome: Przechwytywanie zrzutów ekranu jest łatwe, niezależnie od tego, czy korzystasz z systemu Windows (naciśnij klawisz Print Screen na klawiaturze), czy Mac (Shift-Command-5). I chociaż możesz izolować tylko aktywne okno za pomocą różnych poleceń klawiatury lub opcji ekranowych, co ułatwia migawkę tego, co robisz, nadal nie jest to idealne, jeśli próbujesz zrobić zdjęcie pełnej witryny - to znaczy bardziej niż cokolwiek na ekranie.

Nie brakuje rozszerzeń przeglądarki, które obiecują robić zrzuty ekranu na całą stronę w twoim imieniu, a wiele z nich jest całkiem świetnych (zakładając, że nie masz żadnych szalonych problemów z renderowaniem podczas ich używania). Jednak tak naprawdę nie potrzebujesz rozszerzenia, aby zrobić zrzut ekranu strony internetowej. Omówiliśmy, jak to zrobić w przeglądarce Firefox, a teraz jest kolej na Chrome.

Najpierw krótka wskazówka dla dewelopera Maxa Böcka, gdzie natknąłem się na tę metodę. Zaczniesz od otwarcia Narzędzi programisty Chrome za pomocą F12 na klawiaturze (Windows) lub Command + Option + i (Mac). Następnie przejdziesz do trybu urządzenia, klikając małą ikonę, która wygląda jak smartfon siedzący przed tabletem:

Oto, co to robi ze stroną przeglądaną w przeglądarce:

Przed

Po

Będziesz wtedy chciał upewnić się, że ustawienie wstępne „Responsive” jest wybrane - domyślnie wtedy to robiłem. Następnie kliknij ikonę potrójnej kropki po prawej stronie tego samego paska narzędzi (to tylko trochę na lewo od przycisku trybu urządzenia, który wcześniej klikałeś). Będziesz chciał wybrać opcję „Dodaj współczynnik pikseli urządzenia”, a następnie zmień ten współczynnik (DPR) w polu, które pojawia się z dwóch - domyślnie - na trzy.

Stamtąd wystarczy nacisnąć klawisze Control / Command + Shift + P i wpisać „Przechwyć zrzut ekranu w pełnym rozmiarze”. Wybierz tę opcję, a Chrome automatycznie utworzy piękny plik .PNG strony i upuści go w folderze Pobrane .

Jeśli chcesz dostosować wygląd zrzutu ekranu, możesz grać z wymiarami, wprowadzając własną wysokość i szerokość w pikselach lub eksplorując dostępne ustawienia wstępne, najeżdżając myszką na szare paski pod opcjami trybu urządzenia.

Zwykle używam trybu „laptop” do mojego, który ustawia szerokość ekranu na przyjemny 1440 pikseli - tworząc świetne zrzuty ekranu z witryn, które próbuję zarchiwizować.