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

Ako vypnúť dážď v Minecrafte
Ako vypnúť dážď v Minecrafte
Ak chcete vypnúť dážď v Minecrafte, povoľte cheaty a zadajte príkaz /weather clear. Ak chcete natrvalo vypnúť dážď, deaktivujte cyklus počasia.
Vylepšenia výkonu systému Windows 10, vďaka ktorým bude váš systém rýchlejší
Vylepšenia výkonu systému Windows 10, vďaka ktorým bude váš systém rýchlejší
Mnoho webových stránok s počítačmi sa zasadzuje o jednoduchú aktualizáciu hardvéru, aby bol váš počítač rýchlejší. Aj keď to funguje, môžete urobiť veľa pre zrýchlenie počítača bez toho, aby ste míňali cent. Bolo by ti oveľa lepšie
Spoločnosť Microsoft vydala Windows Server Build 19624
Spoločnosť Microsoft vydala Windows Server Build 19624
Spoločnosť Microsoft vydala sadu obrázkov ISO pre Windows Server Insider. Teraz si môžete stiahnuť ISO obrázky pre Windows Server vNext build 19624. Spoločnosť Microsoft synchronizovala vydanie servera s najnovšou ukážkou Windows 10 Insider Preview v rýchlom kruhu, ktorá je tiež zostavená z roku 19624. Registrovaní insideri môžu navigovať priamo na Windows Server
Všetko, čo potrebujete vedieť o smerovači FIOS Verizon
Všetko, čo potrebujete vedieť o smerovači FIOS Verizon
Verizon FIOS je patentovaný systém, ktorý vyžaduje, aby ste za poplatok používali router poskytovaný spoločnosťou. Aj keď je to pre mnohých zákazníkov nevítaný krok, niektorí sa s novou službou priatelili a nevadí im to
Ako urýchliť sťahovanie Xbox Series X alebo S
Ako urýchliť sťahovanie Xbox Series X alebo S
Herné súbory Xbox Series X a S sú obrovské a sťahovanie môže spôsobiť pomalé pripojenie. Použite tieto tipy na rýchlejšiu inštaláciu hier na Xbox Series X a S.
Ako urobiť príspevok zdieľateľným na Facebooku
Ako urobiť príspevok zdieľateľným na Facebooku
Jednou z hlavných výziev sociálnych médií je možnosť podeliť sa o svoje názory a myšlienky s priateľmi alebo širokou verejnosťou. Meta Facebook, jedna z najpopulárnejších sociálnych sietí na svete, uľahčuje zdieľanie. Ak ty'
Ako pridať kontextovú ponuku prezentácie v systéme Windows 10
Ako pridať kontextovú ponuku prezentácie v systéme Windows 10
Týmto spôsobom je možné pridať kontextovú ponuku Prezentácia v systéme Windows 10. Toto vám umožní spustiť prezentáciu priamo z ponuky pravým tlačidlom myši.