Tahaksin teiega jagada Mozilla Firefoxi jaoks ühte vinget trikki, mis võib suurendada teie tootlikkust ja säästa teie aega. Veebis surfates soovite mõnikord midagi oma sõpradega jagada, tehes sellest ekraanipildi. Kuid kogu lehe ekraanipildi tegemine, selle salvestamine, kärpimine jne võtab mitu sammu. Selles artiklis näeme, kuidas veebilehel konkreetsest elemendist ekraanipilti ilma lisandmooduleid kasutamata teha.
Reklaam
Veebilehe laadimisel loob teie veebibrauser lehe dokumendiobjekti mudeli. DOM on konstrueeritud puustruktuurina, kus iga sõlm on objekt, mis esindab dokumendi osa.
Vaatame, kuidas saate seda kasutada ainult konkreetse elemendi jäädvustamiseks ekraanipilti.
To tehke Firefoxis konkreetse veebilehe elemendi ekraanipilt , tehke järgmised toimingud.
- Avage Firefoxis soovitud leht ja paremklõpsake elemendil, mille soovite hõivata.
- Valige kontekstimenüüst „Kontrolli elementi“:
- Inspektori tööriist avatakse. Pange tähele, et sellel on DOM-puu sõlmede jaoks leivapuru kontroll:
- Seal saate paremklõpsata mis tahes elementi ja valida Ekraanipildi sõlm kontekstimenüüst:Just seda vajame.
Selle funktsiooni suurepärane asi on see, et see lööb ka pikki elemente, sealhulgas enamikku kerimist vajavaid elemente. Minu puhul näeb ekraanipilt välja selline:
Teise võimalusena võite kasutada sisseehitatud ekraanipilt käsk. Varem kirjutasin Kuidas teha Firefoxis avatud lehe ekraanipilti . Mainitud artiklis kasutasime kogu lehe hõivamiseks sisseehitatud Firefoxi käsku „ekraanipilt”. Sama funktsionaalsust saab kasutada konkreetse elemendi kuvamiseks avatud lehel.
- Avage Firefox ja vajutage Tõstuklahv + F2 klaviatuuril. Firefox avab ekraani allosas konsooli / käsurea.
- Sisestage selle sees järgmine käsk:
ekraanipilt - selector 'name'
Asendage nimi „osa” sobiva valija nimega. Minu puhul peaks see nii olema
ekraanipilt - selector '# widget-apps> .iconlist> .iconlist-content> ul'
Teine meetod on kasulik veebiarendajatele, kes teavad DOM-elementide täpset rada. Tavakasutaja eelistab ilmselgelt esimest meetodit konkreetse veebilehe elemendi ekraanipildi tegemiseks.