Padarykite konkretaus tinklalapio elemento ekrano kopiją „Firefox“.

Norėčiau su jumis pasidalinti šaunia „Mozilla Firefox“ gudrybe, kuri gali padidinti jūsų produktyvumą ir sutaupyti laiko. Naršydami internete kartais norisi kuo nors pasidalyti su draugais padarydami ekrano kopiją. Tačiau norint padaryti viso puslapio ekrano kopiją, išsaugoti ją, apkarpyti ir pan., reikia kelių veiksmų. Šiame straipsnyje pamatysime, kaip tiesiogiai padaryti konkretaus elemento ekrano kopiją tinklalapyje nenaudojant priedų.

Kai tinklalapis įkeliamas, jūsų žiniatinklio naršyklė sukuria puslapio dokumento objekto modelį. DOM yra sukurta kaip medžio struktūra, kurioje kiekvienas mazgas yra objektas, vaizduojantis dokumento dalį.

Pažiūrėkime, kaip galite tai naudoti norėdami užfiksuoti tik konkretų elementą ekrano kopijoje.

Į padarykite konkretaus tinklalapio elemento ekrano kopiją „Firefox“., atlikite šiuos veiksmus:

1. Atidarykite norimą puslapį „Firefox“ ir dešiniuoju pelės mygtuku spustelėkite elementą, kurį norite užfiksuoti.
2. Kontekstiniame meniu pasirinkite „Tikrinti elementą“:
3. Bus atidarytas tikrintojo įrankis. Atkreipkite dėmesį, kad jame yra DOM medžio mazgų naršymo valdiklis:
4. Ten galite dešiniuoju pelės mygtuku spustelėti bet kurį elementą ir pasirinkti Ekrano kopijos mazgas iš kontekstinio meniu:Tai yra būtent tai, ko mums reikia.

Puikus šios funkcijos dalykas yra tai, kad ji taip pat fiksuoja ilgus elementus, įskaitant daugumą elementų, kuriuos reikia slinkti. Mano atveju ekrano kopija atrodo taip:

Arba galite naudoti įmontuotą ekrano kopija komandą. Anksčiau rašiau Kaip padaryti atidaryto puslapio ekrano kopiją „Firefox“.. Minėtame straipsnyje mes panaudojome integruotą Firefox komandą „screenshot“, kad užfiksuotume visą puslapį. Ta pati funkcija gali būti naudojama konkretaus elemento ekrano kopijavimui atidarytame puslapyje.

1. Atidarykite Firefox ir paspauskite Shift + F2 klaviatūroje. „Firefox“ ekrano apačioje atidarys konsolę / komandų eilutę.
2. Jo viduje įveskite šią komandą:

   ekrano kopija -- parinkiklis "vardas"

   Pavadinimą „porcija“ pakeiskite atitinkamu parinkiklio pavadinimu. Mano atveju taip turėtų būti

   ekrano kopija -- parinkiklis "#widget-apps > .iconlist > .iconlist-content > ul"

Antrasis metodas yra naudingas žiniatinklio kūrėjams, kurie žino tikslų DOM elemento kelią. Paprastas vartotojas, be abejo, pirmenybę teiks pirmajam konkretaus tinklalapio elemento ekrano kopijavimo metodui.