Główny Firefox Zrób zrzut ekranu określonego elementu strony internetowej w przeglądarce Firefox

Zrób zrzut ekranu określonego elementu strony internetowej w przeglądarce Firefox



Zostaw odpowiedź

Chciałbym podzielić się z wami fajną sztuczką dotyczącą przeglądarki Mozilla Firefox, która może zwiększyć produktywność i zaoszczędzić czas. Podczas przeglądania Internetu czasami chcesz podzielić się czymś ze znajomymi, wykonując zrzut ekranu. Ale wykonanie zrzutu całej strony, zapisanie, przycięcie itp. Wymaga kilku kroków. W tym artykule zobaczymy, jak bezpośrednio wykonać zrzut ekranu określonego elementu na stronie internetowej bez korzystania z dodatków.

Reklama


Po załadowaniu strony internetowej przeglądarka internetowa tworzy model obiektu dokumentu strony. DOM jest zbudowany jako struktura drzewiasta, w której każdy węzeł jest obiektem reprezentującym część dokumentu.

Zobaczmy, jak możesz użyć tego do przechwycenia tylko określonego elementu na zrzucie ekranu.

Do zrób zrzut ekranu określonego elementu strony internetowej w przeglądarce Firefox , wykonaj następujące czynności:

  1. Otwórz żądaną stronę w przeglądarce Firefox i kliknij prawym przyciskiem myszy element, który chcesz przechwycić.
  2. Z menu kontekstowego wybierz opcję „Sprawdź element”:Przykład zrzutu ekranu przeglądarki Firefox 2
  3. Narzędzie inspektora zostanie otwarte. Zauważ, że ma on kontrolkę breadcrumb dla węzłów drzewa DOM:Konsola Firefox wprowadź polecenie zrzutu ekranu
  4. Tam możesz kliknąć prawym przyciskiem dowolny element i wybrać Screenshot Node z menu kontekstowego:Przykład polecenia zrzutu ekranu przeglądarki FirefoxWłaśnie tego potrzebujemy.

Wspaniałą cechą tej funkcji jest to, że przechwytuje również długie elementy, w tym większość elementów wymagających przewijania. W moim przypadku tak wygląda zrzut ekranu:

Alternatywnie możesz użyć wbudowanego zrzut ekranu Komenda. Wcześniej pisałem Jak zrobić zrzut ekranu otwartej strony w przeglądarce Firefox . We wspomnianym artykule użyliśmy wbudowanego w Firefoksa polecenia „zrzut ekranu”, aby uchwycić całą stronę. Tej samej funkcji można użyć do zrzutu ekranu określonego elementu na otwartej stronie.

  1. Otwórz przeglądarkę Firefox i naciśnij Shift + F2 na klawiaturze. Firefox otworzy konsolę / wiersz poleceń u dołu ekranu.
  2. Wpisz w nim następujące polecenie:
    zrzut ekranu - nazwa selektora

    Zastąp nazwę „część” odpowiednią nazwą selektora. W moim przypadku tak powinno być

    zrzut ekranu --selector '# widget-apps> .iconlist> .iconlist-content> ul'

Druga metoda jest przydatna dla programistów internetowych, którzy znają dokładną ścieżkę elementu DOM. Przeciętny użytkownik oczywiście woli pierwszą metodę wykonania zrzutu ekranu określonego elementu strony internetowej.

Ciekawe Artykuły

Wybór Redakcji

Najszybszy sposób na zablokowanie lub uśpienie ekranu w systemie macOS (Mac OS X)
Najszybszy sposób na zablokowanie lub uśpienie ekranu w systemie macOS (Mac OS X)
Zablokowanie wyświetlacza Maca (lub uśpienie wyświetlacza) może być doskonałym środkiem bezpieczeństwa w połączeniu z hasłem do konta użytkownika. Chociaż nie zapobiegnie to bezpośredniej kradzieży komputera Mac, może być szybkie i łatwe
Microsoft Edge: Wsparcie dla Windows Spell Checker w Chromium Engine
Microsoft Edge: Wsparcie dla Windows Spell Checker w Chromium Engine
Microsoft chce, aby użytkownicy Chromium mieli możliwość korzystania z natywnego modułu sprawdzania pisowni systemu Windows. W interesie firmy jest udostępnienie tej funkcji we własnej przeglądarce Microsoft Edge, której nadchodząca wersja jest oparta na Chromium.Reklama Zespół Microsoft aktywnie uczestniczy w rozwoju projektu Chromium, dostosowując go do własnej wizji
Recenzja Kobo Glo HD: Lepsza niż Kindle Voyage?
Recenzja Kobo Glo HD: Lepsza niż Kindle Voyage?
Rynek czytników elektronicznych mocno ucierpiał wraz z pojawieniem się tabletów, ponieważ ich wyświetlacze o wysokiej rozdzielczości i funkcje automatycznej jasności sprawiają, że czytanie na ekranie jest bardziej atrakcyjne niż kiedykolwiek. Jednak wciąż jest coś do powiedzenia na temat tego odczucia
Jak anulować subskrypcję Netflix [marzec 2020]
Jak anulować subskrypcję Netflix [marzec 2020]
Jeśli chcesz dowiedzieć się, jak anulować subskrypcję Netflix, jesteś we właściwym miejscu. Ten samouczek pokaże Ci, jak to zrobić w przeglądarce, aplikacji na Androida lub iOS oraz na urządzeniach do przesyłania strumieniowego, takich jak
Pobierz oficjalne tapety wybrane przez zespół projektowy Microsoft
Pobierz oficjalne tapety wybrane przez zespół projektowy Microsoft
Firma Microsoft udostępniła do pobrania zestaw oficjalnych tapet. Zestaw zawiera 19 tapet, a każdy z obrazków jest w różnych rozmiarach. Tapety są dostępne w witrynie internetowej Microsoft Design. Przewiń w dół, aż znajdziesz obraz, który wygląda idealnie. Witryna internetowa zawiera dodatkowe informacje dla każdego
Jak zapisywać obrazy na stronie internetowej, gdy prawy przycisk myszy jest wyłączony?
Jak zapisywać obrazy na stronie internetowej, gdy prawy przycisk myszy jest wyłączony?
Zapisywanie obrazów ze stron internetowych to dość łatwy proces. Ogólnie rzecz biorąc, wystarczy kliknąć obraz prawym przyciskiem myszy i zapisać go na komputerze. Ale czasami strony internetowe uniemożliwiają ludziom kopiowanie tekstów lub obrazów z ich stron do
Jak odświeżyć czyjąś historię na Instagramie?
Jak odświeżyć czyjąś historię na Instagramie?
https://www.youtube.com/watch?v=K-lkOeKd4xY Prawdopodobnie już wiesz, że jeśli zostaniesz oznaczony tagiem w relacji na Instagramie, automatycznie otrzymasz powiadomienie. Następnie możesz to sprawdzić i skomentować lub udostępnić ponownie w