Es vēlos dalīties ar jums foršā Mozilla Firefox viltībā, kas var palielināt jūsu produktivitāti un ietaupīt jūsu laiku. Sērfojot tīmeklī, dažreiz vēlaties kaut ko padalīties ar draugiem, uzņemot tā ekrānuzņēmumu. Bet ir jāveic vairākas darbības, lai uzņemtu visas lapas ekrānuzņēmumu, saglabātu to, apgrieztu to utt. Šajā rakstā mēs redzēsim, kā tieši veikt konkrēta tīmekļa vietnes elementa ekrānuzņēmumu, neizmantojot papildinājumus.
Reklāma
Kad tīmekļa lapa ir ielādēta, jūsu tīmekļa pārlūkprogramma izveido lapas dokumenta objekta modeli. DOM tiek veidota kā koka struktūra, kur katrs mezgls ir objekts, kas apzīmē dokumenta daļu.
Apskatīsim, kā to var izmantot, lai ekrānuzņēmumā uzņemtu tikai noteiktu elementu.
Uz veiciet Firefox ekrānuzņēmumu no konkrēta tīmekļa lapas elementa , veiciet šādas darbības:
- Atveriet vajadzīgo lapu pārlūkprogrammā Firefox un ar peles labo pogu noklikšķiniet uz elementa, kuru vēlaties tvert.
- Konteksta izvēlnē atlasiet “Pārbaudīt elementu”:
- Inspektora rīks tiks atvērts. Ievērojiet, ka tam ir DOM koka mezglu maizītes vadīkla:
- Tur jūs varat ar peles labo pogu noklikšķināt uz jebkura elementa un izvēlēties Ekrānuzņēmuma mezgls no konteksta izvēlnes:Tas ir tieši tas, kas mums vajadzīgs.
Lieliski par šo funkciju ir tas, ka tā uzņem arī garus elementus, ieskaitot lielāko daļu elementu, kuriem nepieciešama ritināšana. Manā gadījumā ekrānuzņēmums izskatās šādi:
Alternatīvi, jūs varat izmantot iebūvēto ekrānuzņēmums komandu. Iepriekš es rakstīju Kā veikt Firefox atvērtās lapas ekrānuzņēmumu . Minētajā rakstā mēs izmantojām iebūvēto Firefox komandu 'screenshot', lai tvertu visu lapu. To pašu funkcionalitāti var izmantot, lai ekrānuzņēmumā atvērtu lapu redzētu noteiktu elementu.
- Atveriet Firefox un nospiediet Shift + F2 uz tastatūras. Firefox ekrāna apakšdaļā atvērs konsoli / komandrindu.
- Tajā ierakstiet šādu komandu:
ekrānuzņēmums - selector 'name'
Nomainiet nosaukumu “porcija” ar atbilstošo selektora nosaukumu. Manā gadījumā tā tam vajadzētu būt
ekrānuzņēmums - selector '# widget-apps> .iconlist> .iconlist-content> ul'
Otrā metode ir noderīga tīmekļa izstrādātājiem, kuri zina precīzu DOM elementa ceļu. Parasts lietotājs acīmredzami izvēlēsies pirmo metodi, lai uzņemtu konkrēta tīmekļa lapas elementa ekrānuzņēmumu.