Jeg vil gerne dele et cool trick til Mozilla Firefox med dig, som kan øge din produktivitet og spare din tid. Mens du surfer på nettet, ønsker du nogle gange at dele noget med dine venner ved at tage et screenshot af det. Men det tager flere trin at tage et screenshot af hele siden, gemme det, beskære det osv. I denne artikel vil vi se, hvordan man direkte tager et screenshot af et bestemt element på en webside uden brug af tilføjelser.
Annoncering
Når en webside indlæses, opretter din webbrowser en dokumentobjektmodel på siden. DOM er konstrueret som en træstruktur, hvor hver node er et objekt, der repræsenterer en del af dokumentet.
Lad os se, hvordan du kan bruge dette til kun at fange et bestemt element i dit skærmbillede.
Til tage et skærmbillede af et bestemt websideelement i Firefox gør følgende:
- Åbn den ønskede side i Firefox, og højreklik på det element, du vil fange.
- Vælg 'Inspicer element' i genvejsmenuen:
- Inspektørværktøjet åbnes. Bemærk, at den har en brødkrummekontrol til DOM-træknudepunkterne:
- Der kan du højreklikke på ethvert element og vælge Skærmbillede knude fra genvejsmenuen:Dette er præcis, hvad vi har brug for.
Det fantastiske ved denne funktion er, at den også fanger lange elementer, herunder de fleste elementer, der kræver rulning. I mit tilfælde er her, hvordan skærmbilledet ser ud:
Alternativt kan du bruge den indbyggede skærmbillede kommando. Tidligere skrev jeg Sådan tager du et skærmbillede af den åbnede side i Firefox . I den nævnte artikel brugte vi den indbyggede Firefox-kommandos 'skærmbillede' til at fange hele siden. Den samme funktionalitet kan bruges til at screenshot et bestemt element på den åbnede side.
- Åbn Firefox, og tryk på Skift + F2 på tastaturet. Firefox åbner en konsol / kommandolinje i bunden af skærmen.
- Skriv følgende kommando inde i den:
skærmbillede - vælgerens navn
Erstat navnet 'del' med det relevante vælgernavn. I mit tilfælde burde det være det
skærmbillede - vælger '# widget-apps> .iconlist> .iconlist-content> ul'
Den anden metode er nyttig for webudviklere, der kender den nøjagtige DOM-elementsti. Den gennemsnitlige bruger foretrækker naturligvis den første metode til at tage skærmbilledet af et bestemt websideelement.