Rád bych se s vámi podělil o skvělý trik pro Mozilla Firefox, který může zvýšit vaši produktivitu a ušetřit váš čas. Při procházení webu si někdy přejete něco sdílet se svými přáteli pořízením snímku obrazovky. Vytvoření snímku obrazovky celé stránky, jeho uložení, oříznutí atd. Však vyžaduje několik kroků. V tomto článku uvidíme, jak přímo pořídit snímek obrazovky konkrétního prvku na webové stránce bez použití doplňků.
Reklama
Po načtení webové stránky vytvoří váš webový prohlížeč dokumentový model stránky. DOM je konstruován jako stromová struktura, kde každý uzel je objekt představující část dokumentu.
Podívejme se, jak to můžete použít k zachycení pouze konkrétního prvku na obrazovce.
Na pořiďte snímek obrazovky s konkrétním prvkem webové stránky ve Firefoxu , proveďte následující kroky:
- Otevřete požadovanou stránku ve Firefoxu a klikněte pravým tlačítkem na prvek, který chcete zachytit.
- V místní nabídce vyberte možnost Zkontrolovat prvek:
- Otevře se nástroj inspektora. Všimněte si, že má ovládací prvek drobečkové navigace pro uzly stromu DOM:
- Zde můžete kliknout pravým tlačítkem na libovolný prvek a vybrat Uzel obrazovky z místní nabídky:To je přesně to, co potřebujeme.
Skvělá věc na této funkci je, že také zachycuje dlouhé prvky, včetně většiny prvků, které vyžadují rolování. V mém případě vypadá takto:
Alternativně můžete použít vestavěný Snímek obrazovky příkaz. Dříve jsem psal Jak pořídit snímek obrazovky otevřené stránky ve Firefoxu . V uvedeném článku jsme použili vestavěný příkaz Firefoxu „screenshot“ k zachycení celé stránky. Stejnou funkčnost lze použít k vytvoření snímku obrazovky konkrétního prvku na otevřené stránce.
- Otevřete Firefox a stiskněte Shift + F2 na klávesnici. Firefox otevře konzolu / příkazový řádek v dolní části obrazovky.
- Zadejte následující příkaz:
screenshot --selector 'name'
Název „část“ nahraďte příslušným názvem selektoru. V mém případě by to mělo být
screenshot --selector '# widget-apps> .iconlist> .iconlist-content> ul'
Druhá metoda je užitečná pro webové vývojáře, kteří znají přesnou cestu k prvku DOM. Průměrný uživatel samozřejmě upřednostňuje první metodu pořízení snímku obrazovky konkrétního prvku webové stránky.