Hlavná Firefox Vytvorte snímku obrazovky konkrétneho prvku webovej stránky v prehliadači Firefox

Vytvorte snímku obrazovky konkrétneho prvku webovej stránky v prehliadači Firefox



Zanechať Odpoveď

Chcel by som sa s vami podeliť o skvelý trik pre Mozilla Firefox, ktorý môže zvýšiť vašu produktivitu a ušetriť váš čas. Pri surfovaní na webe môžete niekedy chcieť niečo zdieľať so svojimi priateľmi tak, že im urobíte snímku obrazovky. Trvá však niekoľko krokov, aby ste nasnímali snímku obrazovky celej stránky, uložili ju, orezali ju atď. V tomto článku sa dozvieme, ako priamo vytvoriť snímku obrazovky konkrétneho prvku na webovej stránke bez použitia doplnkov.

Inzerát


Po načítaní webovej stránky vytvorí váš webový prehliadač dokumentový model stránky. DOM je konštruovaný ako stromová štruktúra, v ktorej je každý uzol objektom predstavujúcim časť dokumentu.

Pozrime sa, ako to môžete použiť na zachytenie iba konkrétneho prvku na snímke obrazovky.



To urobte snímku obrazovky konkrétneho prvku webovej stránky v prehliadači Firefox , postupujte takto:

  1. Otvorte požadovanú stránku v prehliadači Firefox a kliknite pravým tlačidlom myši na prvok, ktorý chcete zachytiť.
  2. V kontextovej ponuke vyberte možnosť „Skontrolovať prvok“:Príklad snímky obrazovky Firefoxu 2
  3. Otvorí sa nástroj inšpektora. Všimnite si, že má navigáciu v strúhanke pre uzly stromu DOM:Konzola Firefoxu zadajte príkaz obrazovky
  4. Tam môžete kliknúť pravým tlačidlom myši na ľubovoľný prvok a vybrať si Uzol snímky obrazovky z kontextového menu:Príklad príkazu snímky obrazovky FirefoxuTo je presne to, čo potrebujeme.

Skvelé na tejto funkcii je, že zachytáva aj dlhé prvky vrátane väčšiny prvkov, ktoré si vyžadujú posúvanie. V mojom prípade takto vyzerá snímka obrazovky:

Prípadne môžete použiť zabudovaný modul screenshot príkaz. Dávnejšie som písal Ako urobiť snímku obrazovky otvorenej stránky vo Firefoxe . V spomínanom článku sme na zachytenie celej stránky použili vstavaný príkaz Firefoxu „screenshot“. Rovnaké funkcie je možné použiť na vytvorenie snímky obrazovky konkrétneho prvku na otvorenej stránke.

  1. Otvorte Firefox a stlačte Shift + F2 na klávesnici. Firefox otvorí konzolu / príkazový riadok v dolnej časti obrazovky.
  2. Zadajte do neho nasledujúci príkaz:
    screenshot --selector 'name'

    Názov „časť“ nahraďte príslušným názvom selektora. V mojom prípade by malo byť

    screenshot --selector '# widget-apps> .iconlist> .iconlist-content> ul'

Druhá metóda je užitočná pre vývojárov webu, ktorí poznajú presnú cestu k prvku DOM. Priemerný užívateľ bude očividne uprednostňovať prvý spôsob vytvorenia snímky obrazovky konkrétneho prvku webovej stránky.

Zaujímavé Články

Redakcia Choice

Recenzia HP Spectre 13: Ultra tenký a veľmi krásny
Recenzia HP Spectre 13: Ultra tenký a veľmi krásny
Dokonalosť je nedosiahnuteľný cieľ, ale spoločnosti HP sa o tom nikto nezmieňoval. Neuspokojí sa iba s vytvorením najtenšieho notebooku na svete, ale tiež z neho robí jeden z najkrajších ultraprenosných počítačov so systémom Windows, ktorý kedy zišiel z výrobnej linky.
Čítajte nahlas v aplikácii Microsoft Edge vo Windows 10
Čítajte nahlas v aplikácii Microsoft Edge vo Windows 10
S najnovšími aktualizáciami umožňuje prehliadač Microsoft Edge používať novú funkciu - „Čítať nahlas“. Číta nahlas súbory PDF, knihy EPUB a webové stránky.
Archívy značiek: Windows 10 Inštalácia Skype Preview Desktop
Archívy značiek: Windows 10 Inštalácia Skype Preview Desktop
Ako získať Hyliansky štít v slzách kráľovstva
Ako získať Hyliansky štít v slzách kráľovstva
Ak chcete mať najlepšiu šancu na prežitie v Tears of the Kingdom (TotK), budete si musieť vybaviť silný štít, aby ste sa mohli brániť. Hylian Shield je jedným z najlepších v hre a poskytuje masívnu obranu
Ako streamovať naživo na Facebooku a YouTube súčasne
Ako streamovať naživo na Facebooku a YouTube súčasne
Facebook a YouTube sú zďaleka dve z najpopulárnejších platforiem sociálnych médií na svete. Používatelia Facebooku tvoria 2,85 miliardy aktívnych používateľov mesačne, zatiaľ čo YouTube je na druhom mieste s 2,29 miliardy. Obe stránky ponúkajú živé vysielanie
Obnovte starého správcu záložiek do prehliadača Google Chrome
Obnovte starého správcu záložiek do prehliadača Google Chrome
Ako zakázať nového kachľového správcu záložiek v prehliadači Google Chrome a obnoviť staré dobré rozhranie pre záložky.
Ako nájsť obrázky uzamknutej obrazovky Windows Spotlight v systéme Windows 10
Ako nájsť obrázky uzamknutej obrazovky Windows Spotlight v systéme Windows 10
Windows 10 obsahuje novú funkciu s názvom Windows Spotlight, ktorá automaticky sťahuje a otáča sériu nádherných obrázkov z Bingu ako pozadie uzamknutej obrazovky. Tu je návod, ako nájsť tieto obrázky skryté v počítači a ako ich previesť a uložiť na osobné použitie.