Z vami bi rad delil kul trik za Mozilla Firefox, ki vam lahko poveča produktivnost in prihrani čas. Med brskanjem po spletu včasih želite nekaj deliti s prijatelji, tako da posnamete posnetek zaslona. Vendar je treba narediti nekaj korakov, da posnamete posnetek zaslona celotne strani, jo shranite, obrežete itd. V tem članku bomo videli, kako posnamete posnetek zaslona določenega elementa neposredno na spletni strani, ne da bi uporabili dodatke.
Oglas
Ko je spletna stran naložena, vaš spletni brskalnik ustvari objektni model dokumenta na strani. DOM je zgrajen kot drevesna struktura, pri čemer je vsako vozlišče objekt, ki predstavlja del dokumenta.
Poglejmo, kako lahko s tem zajamete samo določen element na posnetek zaslona.
Za posnemite posnetek zaslona določenega elementa spletne strani v Firefoxu , naredite naslednje:
- Odprite želeno stran v Firefoxu in z desno miškino tipko kliknite element, ki ga želite zajeti.
- V kontekstnem meniju izberite 'Preveri element':
- Odpre se orodje inšpektorja. Upoštevajte, da ima nadzor nad drobtinami za vozlišča drevesa DOM:
- Tam lahko z desno miškino tipko kliknete kateri koli element in izberete Vozlišče zaslona iz kontekstnega menija:
Točno to potrebujemo.
Točno to potrebujemo.Odlična stvar te funkcije je, da zajema tudi dolge elemente, vključno z večino elementov, ki zahtevajo pomikanje. V mojem primeru je tako videti posnetek zaslona:
Lahko pa uporabite tudi vgrajeno posnetek zaslona ukaz. Prej sem že pisal Kako narediti posnetek zaslona odprte strani v Firefoxu . V omenjenem članku smo z vgrajenim Firefoxovim ukazom »posnetek zaslona« zajeli celotno stran. Enako funkcionalnost lahko uporabimo za posnetek zaslona določenega elementa na odprti strani.
- Odprite Firefox in pritisnite Shift + F2 na tipkovnici. Firefox bo odprl konzolo / ukazno vrstico na dnu zaslona.
- Vanj vnesite naslednji ukaz:
posnetek zaslona - izbirnik 'ime'
Ime 'del' zamenjajte z ustreznim izbirnim imenom. V mojem primeru bi moralo biti
posnetek zaslona --selector '# widget-apps> .iconlist> .iconlist-content> ul'
Druga metoda je uporabna za spletne razvijalce, ki poznajo natančno pot elementa DOM. Povprečni uporabnik bo očitno raje prvi način posnel posnetek zaslona določenega elementa spletne strani.
