Aș dori să vă împărtășesc un truc interesant pentru Mozilla Firefox, care vă poate crește productivitatea și vă poate economisi timp. În timp ce navigați pe web, uneori doriți să împărtășiți ceva prietenilor dvs., făcând o captură de ecran a acestuia. Dar este nevoie de mai mulți pași pentru a face o captură de ecran a întregii pagini, a o salva, a o decupa etc. În acest articol, vom vedea cum să faceți direct o captură de ecran a unui anumit element pe o pagină web fără a utiliza programe de completare.
Reclama
Când o pagină web este încărcată, browserul dvs. web creează un model de obiect document al paginii. DOM este construit ca o structură de copac în care fiecare nod este un obiect care reprezintă o parte a documentului.
Să vedem cum puteți utiliza acest lucru pentru a captura doar un anumit element în captura de ecran.
La faceți o captură de ecran a unui anumit element de pagină web în Firefox , efectuați pașii următori:
- Deschideți pagina dorită în Firefox și faceți clic dreapta pe elementul pe care doriți să îl capturați.
- Din meniul contextual, selectați „Inspectare element”:
- Instrumentul inspector va fi deschis. Observați că are un control de pesmet pentru nodurile arborelui DOM:
- Acolo, puteți să faceți clic dreapta pe orice element și să alegeți Captură de ecran Nod din meniul contextual:
Exact de asta avem nevoie.
Exact de asta avem nevoie.Lucrul minunat al acestei caracteristici este că surprinde și elemente lungi, inclusiv cele mai multe elemente care necesită derulare. În cazul meu, iată cum arată captura de ecran:
Alternativ, puteți utiliza dispozitivul încorporat captură de ecran comanda. Anterior, am scris Cum să faceți o captură de ecran a paginii deschise în Firefox . În articolul menționat, am folosit comanda încorporată Firefox „captură de ecran” pentru a captura întreaga pagină. Aceeași funcționalitate poate fi utilizată pentru a captura un anumit element de pe pagina deschisă.
- Deschideți Firefox și apăsați Shift + F2 pe tastatură. Firefox va deschide o consolă / linie de comandă în partea de jos a ecranului.
- Tastați următoarea comandă în interiorul său:
captură de ecran - „nume” selector
Înlocuiți numele „porțiune” cu numele selectorului corespunzător. În cazul meu, ar trebui să fie
screenshot --selector '# widget-apps> .iconlist> .iconlist-content> ul'
A doua metodă este utilă pentru dezvoltatorii web care cunosc calea exactă a elementului DOM. Utilizatorul mediu va prefera în mod evident prima metodă de a face captura de ecran a unui anumit element de pagină web.
