Haluaisin jakaa kanssasi hienon temppun Mozilla Firefoxille, joka voi lisätä tuottavuuttasi ja säästää aikaa. Webissä surffatessasi haluat joskus jakaa jotain ystävillesi ottamalla siitä kuvakaappauksen. Mutta koko sivun kuvakaappauksen ottaminen, tallentaminen, rajaaminen jne. Kestää useita vaiheita. Tässä artikkelissa näemme, kuinka voit ottaa kuvakaappauksen tietystä verkkosivun elementistä ilman lisäosia.
Mainonta
Kun verkkosivu ladataan, verkkoselaimesi luo sivun Document Object Model -sivun. DOM on rakennettu puurakenteeksi, jossa kukin solmu on objekti, joka edustaa osan dokumentista.
Katsotaanpa, kuinka voit käyttää tätä kaappaamaan kuvakaappaukseen vain tietyn elementin.
Vastaanottaja ottaa kuvakaappaus tietystä verkkosivun elementistä Firefoxissa , tee seuraavat vaiheet:
- Avaa haluttu sivu Firefoxissa ja napsauta hiiren kakkospainikkeella elementtiä, jonka haluat kaapata.
- Valitse pikavalikosta Tarkasta elementti:
- Tarkastustyökalu avataan. Huomaa, että sillä on leivänmurska-ohjaus DOM-puun solmuille:
- Siellä voit napsauttaa mitä tahansa elementtiä hiiren kakkospainikkeella ja valita Näyttökuva Solmu pikavalikosta:
Juuri sitä tarvitsemme.
Juuri sitä tarvitsemme.Tämän ominaisuuden hieno asia on se, että se sieppaa myös pitkiä elementtejä, mukaan lukien useimmat vieritystä vaativat elementit. Minun tapauksessani kuvakaappaus näyttää tältä:
Vaihtoehtoisesti voit käyttää sisäänrakennettua kuvakaappaus komento. Aikaisemmin kirjoitin Kuinka ottaa kuvakaappaus avatusta sivusta Firefoxissa . Mainitussa artikkelissa käytimme sisäänrakennettua Firefox-komentoa 'screenshot' koko sivun sieppaamiseen. Samaa toimintoa voidaan käyttää tietyn elementin kuvakaappaukseen avatulla sivulla.
- Avaa Firefox ja paina Vaihto + F2 näppäimistöllä. Firefox avaa konsolin / komentorivin näytön alareunassa.
- Kirjoita sen sisään seuraava komento:
kuvakaappaus - valitsimen nimi
Korvaa nimi 'osa' sopivalla valitsimen nimellä. Minun tapauksessani sen pitäisi olla
kuvakaappaus - valitsin '# widget-apps> .iconlist> .iconlist-content> ul'
Toinen menetelmä on hyödyllinen web-kehittäjille, jotka tietävät tarkan DOM-elementin polun. Keskimääräinen käyttäjä haluaa tietysti ensimmäisen menetelmän ottaa kuvakaappaus tietystä verkkosivuelementistä.
