Mitä tietää
- PC:llä: Paina Ctrl + Vaihto + I sitten Ctrl + Vaihto P.
- Mac: Paina Komento + Optio + I sitten Komento + Vaihto P.
- Näet neljä kuvakaappausvaihtoehtoa kirjoittamalla «kuvakaappaus».
Tässä artikkelissa kerrotaan, kuinka voit ottaa kuvakaappauksia Chromessa kehittäjätyökalujen avulla.
Chromen kehittäjätyökalujen käyttäminen kuvakaappausten ottamiseksi
Erona Print Screen -näppäimen ja Chrome-työkalun välillä on se, että Chrome-kuvakaappaustyökalu ei sisällä Chrome-selainikkunan reunoja, vaan ainoastaan verkkosivun sisällön. Jos haluat vain kaapata sivun sisällön muokkaamatta kuvakaappauksiasi, kehittäjätyökalut voivat säästää askeleen. Voit käyttää kehittäjätyökaluja valikoiden tai pikanäppäimien avulla.
-
Lehdistö Ctrl + Vaihto + I PC:llä tai Komento + Optio + I Macilla. Tai napsauta kolmen pisteen valikkokuvaketta ja valitse Lisää työkaluja > Kehitystyökalut. Tämä avaa Element Inspectorin kehittäjävalikon, joka näyttää verkkosivun HTML-koodin.
-
Paina sitten Ctrl + Vaihto P (PC) tai Komento + Vaihto P (Mac) tai napsauta kolmen pisteen valikkoa: Mukauta ja hallinnoi DevToolsia ja valitse Suorita komento.
Jos haluat ottaa normaalin tai koko näytön kuvan, napsauta kaapattavan sivun yläosassa olevaa kolmen pisteen valikkokuvaketta ja valitse se Ota kuvakaappaus tai Ota täysikokoinen kuvakaappaus.
-
Kirjoita «screenshot» nähdäksesi kuvakaappausvaihtoehdot, nimittäin:
- Kuvakaappaus tallennusalueesta
- Ota täysikokoinen kuvakaappaus
- Capture Node Screenshot
- Ota kuvakaappaus
-
Vieritä alas valitaksesi kuvakaappauksen tyyppi, jonka haluat ottaa hiirellä tai näppäimistön nuolinäppäimillä.
Kuvakaappausvaihtoehdot Chrome-kehittäjille
Valitse Kuvakaappaus tallennusalueesta tarttuaksesi osaan näytöstä. Vedä hiirellä laatikko sen alueen ympärille, josta haluat ottaa kuvakaappauksen. Jos haluat saada kuvakaappauksen koko verkkosivusta, valitse Ota täysikokoinen kuvakaappaus. Tämä vaihtoehto antaa sinulle kuvan verkkosivusta, joka ei mahdu mukavasti yhdelle näytölle. Tällä vaihtoehdolla oli ristiriitaisia tuloksia testeissämme verkkosivustosta riippuen. Jos haluat oletuskuvakaappauksen, valitse Ota kuvakaappaus, joka nappaa sen, mitä näytölläsi näkyy. Lopuksi voit saada 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.