Mitä tietää
- PC:llä: Paina Ctrl + Vaihto + I ja sitten Ctrl + Vaihto P.
- Mac: Paina Command + Optio + I ja sitten Command + Shift P.
- Kirjoita sitten "screenshot", niin näet neljä kuvakaappausvaihtoehtoa.
Tässä artikkelissa kerrotaan, kuinka voit ottaa kuvakaappauksia Chromessa kehittäjätyökalujen avulla.
Kuinka käytät Chromen kehittäjätyökaluja kuvakaappausten ottamiseen
Ero Print Screen -näppäimen ja Chrome-työkalun välillä on se, että Chrome-kuvakaappaustyökalu ei sisällä Chrome-selainikkunan reunuksia – vain verkkosivun sisältöä. Jos haluat tallentaa vain sivun sisällön muokkaamatta kuvakaappauksiasi, kehittäjätyökalut voivat säästää askeleen.
Voit käyttää valikoita tai pikanäppäimiä päästäksesi kehittäjätyökaluihin.
-
Paina Ctrl + Vaihto + I PC:ssä tai Komento + Optio + I Macissa. Vaihtoehtoisesti napsauta kolmen pisteen valikkokuvaketta ja valitse Lisää työkaluja > Kehittäjätyökalut Tämä avaa Element Inspector -kehittäjävalikon, joka näyttää verkkosivun HTML-koodaus.
Image -
Paina sitten Ctrl + Shift P (PC) tai Command + Shift P (Mac) tai napsauta kolmen pisteen valikkoa Customize And Control DevTools ja valitse Run Command.
Image Jos haluat ottaa vain tavallisen tai täysikokoisen kuvakaappauksen, napsauta kaapattavan sivun yläreunassa olevaa kolmen pisteen valikkokuvaketta ja valitse Kaappaa kuvakaappaus tai Ota täysikokoinen kuvakaappaus.
-
Kirjoita "kuvakaappaus" nähdäksesi kuvakaappausvaihtoehdot, jotka ovat:
- Kaappaa alueen kuvakaappaus
- Ota täysikokoinen kuvakaappaus
- Kaappaa solmun kuvakaappaus
- Ota kuvakaappaus
Image - Vieritä alas valitaksesi kuvakaappauksen tyyppi, jonka haluat ottaa hiirellä tai näppäimistön nuolinäppäimillä.
Chromen kehittäjän kuvakaappausvaihtoehdot
Valitse Kaappaa alueen kuvakaappaus nappaaksesi osan näytöstä. Vedä hiirellä laatikko sen alueen ympärille, josta haluat ottaa kuvakaappauksen.
Saat kuvakaappauksen koko verkkosivusta valitsemalla Kaappaa täysikokoinen kuvakaappaus. Tämän vaihtoehdon avulla saat kuvan verkkosivusta, joka ei mahdu mukavasti yhdelle näytölle.
Tällä vaihtoehdolla oli ristiriitaisia tuloksia testauksessamme verkkosivustosta riippuen.
Jos haluat tavallisen kuvakaappauksen, valitse Kaappaa kuvakaappaus, joka kaappaa näytölläsi näkyvän.
Lopuksi saat kuvakaappauksen HTML-elementistä valitsemalla Capture node screenshot.
Kun olet ottanut kuvakaappauksen, näkyviin tulee Tallenna-valintaikkuna. Valitse kansio ja anna kuvakaappaukselle tiedostonimi. Kaikki kehittäjätyökaluilla otetut kuvakaappaukset ovat saatavilla myös Chromen lataushallinnassa.
