Kuvakaappaukset ovat joustava työkalu jokapäiväisiin tehtäviin työn esittelystä tiedon jakamiseen. Voit ottaa kuvakaappauksia näppäimistökomennoilla, sovelluksilla ja selainlaajennuksilla, mutta oletko koskaan yrittänyt ottaa kuvakaappauksia suoraan Google Chromen kautta?
Tässä on skenaario, tarvitset kuvakaappauksen koko verkkosivusta. Sen sijaan, että ottaisit sivusta useita kuvakaappauksia, mikä voi olla tylsää, miksi et tekisi sitä yhdellä kertaa? Tässä on Developer Tools -työkalut.
Tämä opas selittää, kuinka voit käyttää Chromen kehittäjätyökaluja ottamaan kuvakaappauksen verkkosivuistasi helposti.
Chromen kehittäjätyökalut ovat tehokkaita integroituja virheenkorjaustyökaluja, jotka on rakennettu Google Chrome -selaimeen. Työkalujen avulla kehittäjät testata, korjata ja optimoida verkkosovelluksia tehdäksesi niistä nopeampia ja luotettavampia.
Joihinkin ominaisuuksiin kuuluu verkkosivun koodin katselu ja muokkaaminen reaaliajassa, sen verkkoliikenteen katselu ja sen suorituskyvyn analysointi, mukaan lukien latausajat ja muistin käyttö.
Voit ottaa kuvakaappauksen verkkosivusta Google Chromen kehittäjätyökaluilla seuraavasti:
Ensin auki Google Chrome ja siirry sitten verkkosivustolle tai tietylle verkkosivulle. Napsauta sitten hiiren kakkospainikkeella mitä tahansa sivulla ja napsauta Tarkastaa avattavan valikon alareunassa avataksesi Kehittäjän työkalut paneeli. Vaihtoehtoisesti voit käyttää Ctrl + Vaihto + C.
Vaihda Laitteen työkalupalkki napsauttamalla toista kuvaketta vasemmassa yläkulmassa tai Ctrl + Vaihto + M. Näet miltä sivu näyttää eri laitteilla, kuten puhelimilla ja tableteilla.
Vasemmassa yläkulmassa on pudotusvalikko nimeltä Mitat. Napsauttamalla sitä avautuu valikko, jossa on erilaisia laitteita. Napsauttamalla vaihtoehtoa näet, miltä sivu näyttää kyseisellä laitteella. Näet myös sivun leveyden ja korkeuden sekä zoomaus- ja loitonnavaihtoehdon.
Laitteestasi riippuen leveys- tai korkeusvaihtoehto (tai molemmat) mitätöidään, mikä estää sinua muuttamasta sen kokoa.
Valinnaisesti voit valita laitteen ja suunnan, jolla kuvakaappaus otetaan Laitetila. Kun olet tyytyväinen siihen, miltä kaikki näyttää, napsauta mittapalkin kolmea pystysuoraa pistettä ja napsauta jompaakumpaa Ota kuvakaappaus tai Ota täysikokoinen kuvakaappaus.
Vaihtoehtoisesti voit käyttää Ctrl + Vaihto + P avataksesi komentovalikon ja kirjoittamalla sana kuvakaappaus tekstikentässä. Kun kirjoitat sanan, huomaat, että avattavassa valikossa on neljä erilaista kuvakaappausvaihtoehtoa:
- Ota alueen kuvakaappaus: ottaa kuvakaappauksen tarkastetusta elementistä.
- Ota täysikokoinen kuvakaappaus: ottaa kuvakaappauksen koko sivusta.
- Ota solmun kuvakaappaus: vedä tiettyä aluetta sivusta, jonka haluat kaapata.
- Ota kuvakaappaus: ottaa kuvakaappauksen sivun kaikesta näkyvästä sisällöstä.
Saat laajemman kuvakaappauksen sivusta säätämällä Kehittäjätyökalut-paneelin kokoa. Voit tehdä tämän pitämällä hiiren osoitinta pystysuoran vierityspalkin oikealla puolella, kunnes näet kaksipäisen nuolen. Napsauta sitä ja vedä paneelia vasemmalle tai oikealle muuttaaksesi sivun kokoa.
Kuvakaappaus tallentuu automaattisesti omaan muistiin Lataukset kansio PNG-kuvatiedostona, niin kauan kuin sinulla ei ole ongelmia tiedostojen lataamisessa. Sieltä voit tehdä mitä tahansa kuvan säätöjä.
Uusi tapa ottaa kuvakaappauksia Google Chromessa
Kuvakaappauksen ottaminen Google Chromen kehittäjätyökaluilla voi auttaa sinua saamaan enemmän aikaan ja säästämään aikaa. Se tarjoaa myös uuden tavan ottaa kuvakaappauksia, olitpa kehittäjä, suunnittelija tai tavallinen käyttäjä.
Kun seuraavan kerran sinun on otettava kuvakaappaus eri suunnassa tai toisella laitteella, Developer Toolsin käyttö on nopea ja tehokas tapa, joka on aina käytettävissä. Kun lataamme tiedostoja, ne tallentuvat oletusarvoiseen Lataukset-kansioomme. Mutta jos haluat vaihtaa kansiota, voit tehdä sen helposti Google Chromessa.