Norėčiau su jumis pasidalinti šauniu „Mozilla Firefox“ triuku, kuris gali padidinti jūsų produktyvumą ir sutaupyti jūsų laiko. Naršydami internete kartais norėtumėte kuo pasidalinti su draugais, padarydami jų ekrano kopiją. Bet norint atlikti viso puslapio ekrano kopiją, išsaugoti, apkarpyti ir t. T. Reikia atlikti keletą veiksmų. Šiame straipsnyje pamatysime, kaip tiesiogiai padaryti konkretaus tinklalapio elemento ekrano kopiją nenaudojant priedų.
Reklama
Kai įkeliamas tinklalapis, jūsų žiniatinklio naršyklė sukuria puslapio dokumento objekto modelį. DOM yra sukonstruota kaip medžio struktūra, kurioje kiekvienas mazgas yra objektas, vaizduojantis dokumento dalį.
Pažiūrėkime, kaip galite tai naudoti, kad į ekrano kopiją užfiksuotumėte tik tam tikrą elementą.
Į padaryti „Firefox“ konkretaus tinklalapio elemento ekrano kopiją , atlikite šiuos veiksmus:
- Atidarykite norimą puslapį „Firefox“ ir dešiniuoju pelės mygtuku spustelėkite norimą užfiksuoti elementą.
- Kontekstiniame meniu pasirinkite „Tikrinti elementą“:
- Inspektoriaus įrankis bus atidarytas. Atkreipkite dėmesį, kad jis turi DOM medžio mazgų džiūvėsėlių valdiklį:
- Čia galite dešiniuoju pelės mygtuku spustelėkite bet kurį elementą ir pasirinkti Ekrano kopija 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, taip atrodo ekrano kopija:
Arba galite naudoti įmontuotą ekrano kopija komandą. Anksčiau rašiau Kaip padaryti atidaryto puslapio „Firefox“ ekrano kopiją . Minėtame straipsnyje mes naudojome integruotą „Firefox“ komandą „ekrano kopija“, kad užfiksuotume visą puslapį. Ta pati funkcija gali būti naudojama norint atidaryti konkretų elementą ekrane.
- Atidarykite „Firefox“ ir paspauskite „Shift“ + F2 klaviatūroje. „Firefox“ atidarys konsolę / komandinę eilutę ekrano apačioje.
- Įveskite šią komandą:
ekrano kopija - selector 'name'
Pavadinimą „porcija“ pakeiskite atitinkamu selektoriaus pavadinimu. Mano atveju taip turėtų būti
ekrano kopija - selector '# 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 būdui fotografuoti konkretų tinklalapio elementą.