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

Huawei P9 – Ako blokovať textové správy
Huawei P9 – Ako blokovať textové správy
Prijímanie nevyžiadaných textových správ a spamu môže byť frustrujúce a môže zahltiť vašu doručenú poštu. Našťastie je blokovanie nechcených správ na vašom zariadení Huawei P9 jednoduché. Pozrite si kroky nižšie a zistite, ako zastaviť nechcené správy.
Ako vyrobiť značku spojlera v rozpore
Ako vyrobiť značku spojlera v rozpore
https://www.youtube.com/watch?v=YqkEhIlFZ9A Diskord vám umožňuje zdobiť vaše správy emodži, gifmi a obrázkami, ale niektorí ľudia si neuvedomujú, ako môžu pomocou funkcií formátovania Markdown dosiahnuť jedinečných efektov. Používanie príkazov z klávesnice
Ako prehľadávať všetky stránky Craigslist naraz [november 2020]
Ako prehľadávať všetky stránky Craigslist naraz [november 2020]
https://www.youtube.com/watch?v=XeQTqdtoxps Dnešné online trhoviská ako LetGo, Offerup a Facebook Marketplace odvrátili pozornosť od Craigslistu, ale na rozdiel od starých inzerátov - ktoré sú už dávno mŕtve - Craigslist je stále životaschopný stránka pre
Ako používať Vlookup z iného zošita v Tabuľkách Google
Ako používať Vlookup z iného zošita v Tabuľkách Google
Vlookup je základná funkcia v tabuľkách, vrátane tabuliek Google. Umožňuje vám vykonávať vertikálne vyhľadávania vyhľadávaním kľúčových hodnôt vo vybranom rozsahu. Táto funkcia potom vráti hodnotu do iného stĺpca, ale vo vnútri toho istého riadku. Vlookup
Recenzia Fitbit Flex 2: Konečne vodotesná
Recenzia Fitbit Flex 2: Konečne vodotesná
Fitbit bol jedným z prvých priekopníkov v zlatej horúčke fitnes trackerov, ale jedna vec, ktorú sa mu nikdy nepodarilo prelomiť, bola hydroizolácia. To všetko sa mení s Fitbit Flex 2, fitnes trackerom, ktorý vám umožní nielen nosenie
Ako nájsť heslo správcu systému Windows
Ako nájsť heslo správcu systému Windows
Potrebujete na svojom počítači heslo správcu systému Windows? Ak chcete obnoviť alebo uhádnuť heslo správcu, postupujte podľa týchto návrhov a tipov.
Recenzia Dell Inspiron Mini 10v
Recenzia Dell Inspiron Mini 10v
Počítač Dell Inspiron Mini 10v nezíska žiadne ocenenie za štýl; nezíska žiadne ocenenia za funkcie; ale čo sa týka hodnoty, je to určite náročné pre všetkých prichádzajúcich netbookov. Hardvér si môžete kúpiť za 199 libier,