Näyttökuvan ottaminen Chromessa (vaiheittainen) - 2022-päivitys

Kuinka ottaa kuvakaappaus Chromessa

Jos olet joskus tarvinnut ottaa kuvakaappauksia kokonaisesta verkkosivusta, tiedät kuinka hankalaa on selata sivua manuaalisesti ja ottaa useita kuvakaappauksia.

On hyviä uutisia! Voit käyttää paria työkalua kaapataksesi kokonaisia ​​verkkosivuja ja tehdäksesi elämästäsi paljon helpompaa.

Toinen näistä työkaluista on sisäänrakennettu Chromeen, kun taas toinen on laajennus.

Sisäänrakennettu Chrome-vaihtoehto

Tämän menetelmän käytön etuihin kuuluu, että laajennusta ei tarvitse ladata, ja työkalu on yksi parhaista, kun halutaan jättää huomiotta tahmeat palkit vierittäessäsi verkkosivustoa.

Näin otat sen käyttöön:

  1. Napsauta kolmea "lisää" pistettä selainikkunan oikeassa yläkulmassa.
  2. Uusi ikkuna tulee näkyviin. Siirry kohtaan "Kehittäjätyökalut" ja sitten "Lisää työkaluja".
  3. Näet uuden ikkunan, jossa on koodi, ja olet hieman erilaisessa näkymätilassa.
  4. Jos sivu ei vieläkään näytä oikealta, napsauta "toggle device toolbar" -kuvaketta kehittäjäikkunan vasemmassa yläkulmassa.
  5. Valitse "responsiivinen tila" -vaihtoehdon avulla, millä laitteella haluat nähdä kuvakaappauksen. Aseta vain "responsiivinen" käyttääksesi oletusarvoa.
  6. Huomaat uuden "lisää"-painikkeen tämän uuden rivin oikeassa yläkulmassa. Saat kaiken napsauttamalla tätä ja valitsemalla valikosta "kaappaa kuvakaappaus" tai "kaappaa täysikokoinen kuvakaappaus".
  7. Muutaman sekunnin kuluttua huomaat, että työkalu on jo ladannut ja avannut tiedoston puolestasi.

Muista, että sivuston alatunniste leikattiin pois esimerkissäni, joten muista tämä, jos käytät tätä työkalua.

Chrome-laajennus: mahtava kuvakaappaus ja näytön tallennin

  1. Siirry Chrome-verkkokauppaan tai Googleen ja etsi laajennus Mahtava kuvakaappaus ja näytön tallennin.
  2. Kun olet asentanut laajennuksen, näet kirkkaan kuvakkeen työkalupalkin yläosassa.
  3. Kun olet verkkosivustolla, jonka haluat kaapata, napsauta laajennusta. Jos viet hiiren vaihtoehdon päälle, näet luettelon vaihtoehdoista ja niiden pikanäppäimistä.
  4. Voit ottaa kuvakaappauksen sivun näkyvästä osasta, koko sivusta tai tietystä alueesta. Jos etsit tätä, laajennus voi jopa auttaa sinua nauhoittamaan kuvakaappauksia.
  5. Valitse koko sivu ottaaksesi kuvakaappauksen koko verkkosivusta.
  6. Muutaman sekunnin kuluttua sinut ohjataan sivulle, jolla on kuvakaappaus.
  7. Huomaat sivusi yläreunassa uuden työkalupalkin, jonka avulla voit lisätä merkintöjä kuvakaappaukseen. Voit helposti lisätä huomautuksia, tekstiä ja nuolia sekä rajata osia alla olevan kuvan mukaisesti.
  8. Tallenna muutokset napsauttamalla Valmis-painiketta oikeassa kulmassa, kun olet lisännyt merkinnät.
  9. Oikealle avautuu uusi ikkuna, jossa on useita vaihtoehtoja uuden kuvakaappauksen tallentamiseen ja jakamiseen jakolinkin, Dropboxin, sähköpostin, Slackin ja muiden menetelmien kautta. Voit tallentaa kuvakaappauksen manuaalisesti tai kopioida sen liittääksesi johonkin muualle.

Katso lähdekuva

Siinä se on: kaksi yksinkertaista tapaa ottaa kuvakaappauksia kokonaisista verkkosivustoista ja tehdä niihin tarvittaessa huomautuksia.

Aloita napsauttaminen!

Kuinka ottaa kuvakaappaus Chromesta, usein kysytyt kysymykset

Kuinka otan koko sivun kuvakaappauksen Chromessa?

Avaa vain lisävalikkovaihtoehdot laitetyökalupalkissa ja lataa koko sivun kokoinen kuvakaappaus valitsemalla "Kaappaa täysikokoinen kuvakaappaus". Chrome lataa koko sivun puolestasi. Rajaa tarvittaessa täältä saadaksesi haluamasi kuvan.

Miten otan kuvakaappauksen Google Chromen kehittäjätyökalujen avulla?

Google Chromen kehittäjätyökalujen piilotetun ominaisuuden avulla voit ottaa täysikokoisia kuvakaappauksia mistä tahansa verkkosivusta. Tämä ominaisuus, joka muistuttaa vierittävää kuvakaappausta, kaappaa koko sivun ilman kolmannen osapuolen laajennusta. Aloita avaamalla Chrome ja siirtymällä verkkosivulle, jonka haluat tallentaa.

Kuinka otan kuvakaappauksen verkkosivustosta, jossa ei ole laajennusta?

Tämä ominaisuus, joka muistuttaa vierittävää kuvakaappausta, kaappaa koko sivun ilman kolmannen osapuolen laajennusta. Aloita avaamalla Chrome ja siirtymällä verkkosivulle, jonka haluat tallentaa. Napsauta sen jälkeen kolmea pistettä, sitten "Lisää työkaluja" ja sitten "Kehittäjätyökalut".

kirjailijasta
Kirjoittaja: Daniel Luke
Daniel on WordPress-verkkosuunnittelija, jolla on laaja kokemus työskennellä eri WordPress-teemojen kanssa, jonka avulla hän voi verrata ja sovittaa yhteen eri teemoja, ymmärtää vahvuuksia ja heikkouksia kehittää tosiasioihin perustuvia, tosielämän arvosteluja.

Yksi asia vielä... Tiesitkö, että ihmiset, jotka jakavat hyödyllisiä juttuja, kuten tämä viesti, näyttävät myös mahtavilta? ;-)
Ole hyvä Jätä hyödyllinen kommentoi ajatuksiasi ja jaa tämä sitten Facebook-ryhmissäsi (ryhmissä), jotka pitävät tätä hyödyllisenä, ja hyödynnetään yhdessä. Kiitos jakamisesta ja mukavuudesta!

Disclosure: Tämä sivu voi sisältää linkkejä ulkoisille sivustoille tuotteille, joita rakastamme ja kannatamme sydämestämme. Jos ostat suosittelemiamme tuotteita, saatamme ansaita viittausmaksun. Tällaiset maksut eivät vaikuta suosituksiimme, emmekä hyväksy maksuja positiivisista arvosteluista.

Kirjoittaja (t) esillä:  Inc-lehden logo   Sitepoint-logo   CSS Tricks -logo    webdesignerdepot-logo   WPMU DEV -logo   ja paljon muuta ...