Mitä tietää
- Valitse kolmipiste Lisää-valikko > Lisää työkaluja > Kehittäjätyökalut. Napsauta ellipsikuvaketta > Suorita komento > kirjoita "kuvakaappaus".
- Valitse tyyppi: Alueen kuvakaappaus, täysikokoinen kuvakaappaus, solmun kuvakaappaus tai kuvakaappaus.
Tässä artikkelissa kerrotaan, kuinka voit ottaa kuvakaappauksia Microsoft Edgessä käyttämällä kehittäjätyökalujen sisään piilotettua apuohjelmaa.
Kuinka ottaa kuvakaappaus Web-sivusta Edgessä
Mahdollisuus ottaa koko sivun kuvakaappauksia verkkosivuista itse selaimesta on korvaamaton, koska kaikki näytönkaappausohjelmistot eivät tee puhdasta työtä vieritettävän sisällön kanssa. Edgen kehittäjätyökalujen avulla voit tehdä koko sivun kuvakaappauksia ja kolmen muun tyyppisiä kuvakaappauksia.
Selain tallentaa kuvatiedostot tietokoneesi oletuslatauskansioon tai pyytää sinua antamaan tietyn sijainnin.
-
Paina F12-näppäintä tai Ctrl + Shift + I Windowsissa avataksesi Kehittäjätyökalut Microsoft Edgessä. macOS-käyttäjien tulee käyttää pikanäppäintä Command + Option + I. Voit myös käyttää kehittäjätyökaluja Edge-työkalupalkista. Valitse kolmipiste Lisää > Lisää työkaluja > Kehittäjätyökalut
Image -
Valitse Kehittäjän työkalut -paneelin oikeassa yläkulmassa oleva kolmipisteinen ellipsikuvake avataksesi Muokkaa ja hallitse DevToolsia.
Image - Valitse pystyvalikosta Suorita komento (tai paina Ctrl + Vaihto + P).
-
Näet neljä mahdollista komentoa kirjoittamalla "kuvakaappaus" Suorita-komentopaneeliin. Nämä neljä komentoa auttavat sinua valitsemaan sen osan verkkosivusta, jonka haluat kaapata.
Image -
Valitse Kaappaa alueen kuvakaappaus komentoluettelosta ottaaksesi kuvakaappauksen tietystä alueesta. Napsauta hiusristikkoa hiiren vasemmalla painikkeella ja piirrä kuvakaappauksen ääriviivat. (Korostimme osion näyttääksemme, että se muuttuu tummanharmaaksi, mutta tietysti korostat haluamasi osan.)
Image -
Ota täysikokoinen kuvakaappaus valitsemalla komentoluettelosta Kaappaa täysikokoinen kuvakaappaus. Tämä kaappaa koko verkkosivun, mukaan lukien vieritettävän sisällön, joka ei näy näytöllä.
-
Valitse Capture node screenshot komentoluettelosta kaapataksesi valitun HTML-solmun Dev Toolsissa Elements-välilehdeltä. Voit myös napsauttaa valittua solmua hiiren kakkospainikkeella ja valita Capture node screenshot. Valitse esimerkiksi "otsikkoluokka" ja kaappaa verkkosivun otsikko.
Image - Ota kuvakaappaus aktiivisesta näkymästä valitsemalla komentoluettelosta Capture screenshot. Tämä on alue, joka näkyy selaimen sisällä, eikä se sisällä vieritettävää, mutta näkymätöntä aluetta.
Vinkki:
Chromium-selainten, kuten Chromen ja Edgen, avulla voit myös emuloida muita laitteita ja niiden näyttötarkkuuksia. Voit myös käyttää tätä ominaisuutta ja kuvakaappauskomentoja ja tallentaa, miltä verkkosivu näyttäisi tietyllä laitteella.
Valitse Vaihda laiteemulointiin Kehittäjätyökalujen työkaluriviltä (tai paina Ctrl + Vaihto + M).
