Mitä tietää
- Valitse kolmipiste Lisää valikkoa > Lisää työkaluja > Kehitystyö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ökaluissa olevaa piilotettua apuohjelmaa.
Web-sivun kuvakaappaus Edgessä
Mahdollisuus ottaa koko näytön 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 ottaa koko näytön kuvakaappauksia ja kolme muuta kuvakaappaustyyppiä. Selain tallentaa kuvatiedostot tietokoneesi oletuslatauskansioon tai kysyy tiettyä sijaintia.
-
paina F12 avain tai Ctrl + Vaihto + I Windowsin näppäimistöllä avataksesi Kehitystyökalut Microsoft Edgessä. macOS-käyttäjien tulee käyttää Komento + Optio + I Pikanäppäin. Voit myös käyttää kehittäjätyökaluja Edge-työkalupalkista. Valitse kolmipiste Lisää > Lisää työkaluja > Kehitystyökalut.
-
Valitse Kehittäjän työkalut -paneelin oikeassa yläkulmassa oleva kolmen pisteen kuvake valitaksesi Mukauta ja hallinnoi DevToolsia.
-
Valitse Suorita komento (tai paina Ctrl + Vaihto + P) pystyvalikosta.
-
Kirjoita «screenshot» Suorita komento -ruutuun näyttääksesi neljä mahdollista komentoa. Nämä neljä komentoa auttavat sinua valitsemaan sen web-sivun osan, jonka haluat kaapata.
-
Valitse Kuvakaappaus tallennusalueesta komentoluettelosta ottaaksesi kuvakaappauksen tietystä alueesta. Napsauta hiusristikkoa hiiren vasemmalla painikkeella ja piirrä kuvakaappauksen ääriviivat. (Olemme merkinneet osan näyttääksemme, että se tulee olemaan tummanharmaa, mutta voit tietysti merkitä haluamasi osan.)
-
Valitse Ota täysikokoinen kuvakaappaus komentoluettelosta ottaaksesi täysikokoisen kuvakaappauksen. Kaappaa koko verkkosivun, mukaan lukien vieritettävän sisällön, joka ei ole näytöllä.
-
Valitse Capture Node Screenshot komentoluettelosta valitun HTML-solmun sitomiseksi Dev Toolsissa osoitteesta elementtejä -välilehti. Voit myös napsauttaa valittua solmua hiiren kakkospainikkeella ja valita Capture Node Screenshot. Valitse esimerkiksi «otsikkoluokka» ja määritä verkkosivun otsikko.
-
Valitse Ota kuvakaappaus komentoluettelosta ottaaksesi kuvakaappauksen aktiivisesta näkymästä. Tämä on alue, joka näkyy selaimessa, eikä se sisällä vieritettävää mutta näkymätöntä aluetta.
Kärki:
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 Ota laitteen emulointi käyttöön tai poista se käytöstä Developer Tools -työkalurivillä (tai paina Ctrl + Vaihto + M).