Envato Elements - pobierasz co chcesz, ile chcesz

Do wykonywania zrzutów ekranu zazwyczaj używam dedykowanych do tego aplikacji, ale czasem potrzebuje zrobić „na szybko” jakiś rzut ekranu bez instalacji dodatkowej aplikacji (np. korzystając z czyjegoś komputera).

W nowszych wersjach systemu Windows w standardzie mamy do dyspozycji program „Narzędzie Wycinanie” (Snipping Tool), i często nie trzeba (mi) nic więcej – przynajmniej na etapie robienia zrzutu. Zawsze jest też klawisz print-screen (cały pulpit), lub w kombinacji z klawiszem ALT – zapis do schowka aktywnego/wybranego okna.

Problem komplikuje się w momencie, gdy chcemy zrobić zrzut strony internetowej, a nie mieści się cała w oknie przeglądarki (ogranicza nas wielkość ekranu, i jego rozdzielczość). Ale i na to jest proste rozwiązanie, o ile np. mamy pod ręką przeglądarkę Mozilla Firefox.

GCLI (Graphical Command Line Interface)

Z pomocą przychodzi nam wbudowany w przeglądarkę Mozilla Firefox wiersza poleceń – GCLI (Graphical Command Line Interface), który chyba najprościej wywołać za pomocą kombinacji Shift + F2.

Do dyspozycji mamy całą masę poleceń/opcji, aktualnie (Firefox 50.0.2) wygląda to tak:

addon - Zarządzaj dodatkami help addon
appcache - Narzędzia pamięci podręcznej aplikacji help appcache
break - Zarządzaj punktami wstrzymania help break
calllog - Polecenia do zarządzania logowaniem wywołań funkcji help calllog
clear - Wyczyść pole wyjścia help clear
console - Polecenia sterowania konsolą help console
context - Skoncentruj się na grupie poleceń help context
cookie - Wyświetl i zmień ciasteczka help cookie
dbg - Zarządzaj debugerem help dbg
edit - Modyfikuj zasób strony help edit
export - Eksportuj zasoby help export
eyedropper - Pobierz kolor ze strony help eyedropper
folder - Otwieranie folderów help folder
help - Pomoc dotycząca dostępnych poleceń help help
highlight - Podświetl węzły help highlight
inject - Wstawianie bibliotek na strony help inject
inspect - Zbadaj węzeł help inspect
jsb - Upiększanie JavaScriptu help jsb
listen - Otwórz zdalny port debugowania help listen
mdn - Pobieranie dokumentacji z MDN help mdn
measure - Mierzy część strony help measure
media - Emulacja typu medium CSS help media
pagemod - Wprowadź zmiany na stronie help pagemod
paintflashing - Podświetl malowany obszar help paintflashing
pref - Polecenia do sterowania ustawieniami help pref
qsa - Wykonuje querySelectorAll na bieżącym dokumencie i zwraca liczbę trafień help qsa
resize - Zarządzaj trybem responsywnym help resize
restart - Uruchom ponownie program Firefox help restart
rulers - Przełącza wyświetlanie linijek dla strony help rulers
screenshot - Zapisz obraz strony help screenshot
security - Wyświetl obsługiwane funkcje bezpieczeństwa i prywatności help security
unhighlight - Ukryj podświetlenie help unhighlight
unlisten - Zamknij wszystkie porty zdalnego debugowania help unlisten

Więcej informacji na ten temat znajdziecie na stronie MDN (Mozilla Developer Network), a ja przejdę do polecenia dzięki któremu możemy zapisać stronę WWW do pliku graficznego.

firefox-command-line_gcli_screenshot01

Polecenie z którego najczęściej korzystam – zapisuje całą stronę, również fragment będący poza oknem przeglądarki – wygląda tak:

screenshot d:\webinsider01.png --fullpage

firefox-command-line_gcli_screenshot02

Dodatkowe opcje i dostępne parametry otrzymamy za pomocą polecenia:

help screenshot

I obecnie wygląda to tak:

Streszczenie: screenshot [filename] [--clipboard] [--imgur] [--delay ...] [--dpr ...] [--fullpage] [--selector ...]

Zapisz jako obraz PNG całe widoczne okno (opcjonalnie: po zadanym opóźnieniu)

Opcje:

[filename] (remote, helpManOptional)
Nazwa pliku (powinna mieć rozszerzenie „.png”), do którego ma być zapisany zrzut ekranu.

Parametry:

[--clipboard] (boolean, wymagany)
True, jeśli zrzut ekranu ma być skopiowany do schowka, a nie zapisany do pliku.

[--imgur] (boolean, wymagany)
Wysyła zrzut do serwisu imgur.com zamiast zapisywać na dysku

[--delay ...] (number, helpManOptional)
Czas (w sekundach), po którym ma być wykonany zrzut ekranu

[--dpr ...] (number, helpManOptional)
Współczynnik gęstości ekranu dla zrzutu ekranu

[--fullpage] (boolean, wymagany)
True, jeśli zrzut ekranu ma zawierać części strony, które znajdują się poza bieżącą pozycją paska przewijania.

[--selector ...] (remote, helpManOptional)
Selektor CSS do użycia w document.querySelector, który identyfikuje pojedynczy element
(!) Zgłoś błąd na stronie
Potrzebujesz profesjonalnej pomocy? Skontaktuj się z nami!
Spodobał Ci się artykuł? Zapisz się do naszego Newslettera - ZERO SPAMu, same konkrety, oraz dostęp do dodatkowych materiałów przeznaczonych dla subskrybentów!
Na podany adres e-mail otrzymasz od nas wiadomość e-mail, w której znajdziesz link do potwierdzenia subskrypcji naszego Newslettera. Dzięki temu mamy pewność, że nikt nie dodał Twojego adresu przez przypadek. Jeśli wiadomość nie przyjdzie w ciągu najbliższej godziny (zazwyczaj jest to maksymalnie kilka minut) sprawdź folder SPAM.
Roztańczona Karolina skorzystała z promocji dla czytelników WebInsider.pl i zapłaciła 80% mniej za księgowość internetową wFirma
WebInsider poleca księgowość wFirma
WebInsider korzysta z VPSa w HitMe.pl
WebInsider poleca VPSy DigitalOcean
WebInsider poleca serwis Vindicat
Napisz komentarz
wipl_napisz-komentarz_01Jeśli informacje zawarte na tej stronie okazały się pomocne, możesz nam podziękować zostawiając poniżej swój komentarz.

W tej formie możesz również zadać dodatkowe pytania dotyczące wpisu, na które – w miarę możliwości – spróbujemy Ci odpowiedzieć.
Linki partnerskie
Niektóre z linków na tej stronie to tzw. „linki partnerskie”, co oznacza, że jeśli klikniesz na link i dokonasz wymaganej akcji (np. zakup/rejestracja) możemy otrzymać za to prowizję. Pamiętaj, że polecamy tylko te produkty i usługi, z których sami korzystamy, i uważamy, że są tego na prawdę warte… :-)
Znaki towarowe i nazwy marek
W niektórych wpisach (oraz innych miejscach na stronie) mogą być przedstawione/użyte znaki towarowe i/lub nazwy marek, które stanowią własność intelektualną tych podmiotów, a zostały użyte wyłącznie w celach informacyjnych.
Janusz i Janusz skorzystali z promocji dla czytelników WebInsider.pl i zapłacili 80% mniej za księgowość internetową wFirma