Kako napraviti snimak ekrana na Google Chrome-u koristeći Dev Tools

Sadržaj:

Kako napraviti snimak ekrana na Google Chrome-u koristeći Dev Tools
Kako napraviti snimak ekrana na Google Chrome-u koristeći Dev Tools
Anonim

Šta treba znati

  • Na računaru: Pritisnite Ctrl + Shift + I zatim Ctrl + Shift P.
  • Mac: Pritisnite Command + Option + I zatim Command + Shift P.
  • Zatim upišite "screenshot" da vidite četiri opcije snimka ekrana.

Ovaj članak objašnjava kako snimiti snimke ekrana u Chromeu pomoću alata za programere.

Kako koristiti Chromeove razvojne alate za pravljenje snimaka ekrana

Razlika između korištenja tipke Print Screen i Chrome alata je u tome što Chrome alatka za snimanje ekrana ne uključuje ivice prozora Chrome pretraživača - samo sadržaj web stranice. Ako želite da snimite samo sadržaj stranice bez uređivanja vaših snimaka ekrana, programski alati vam mogu uštedjeti korak.

Možete koristiti menije ili prečice na tastaturi za pristup programerskim alatima.

  1. Pritisnite Ctrl + Shift + I na PC-u ili Command + Option + I na Mac-u. Alternativno, kliknite na ikonu menija s tri tačke i odaberite More tools > Developer tools Ovo otvara meni programera Element Inspector, koji prikazuje web stranicu HTML kodiranje.

    Image
    Image
  2. Zatim pritisnite Ctrl + Shift P (PC) ili Command + Shift P (Mac) ili kliknite na meni sa tri tačke za Customize And Control DevTools i odaberite Run Command.

    Image
    Image

    Samo za običan snimak ekrana ili snimak ekrana u punoj veličini, kliknite na ikonu menija sa tri tačke na vrhu stranice koju želite da snimite i izaberite Snimi snimak ekrana ili Snimite snimak ekrana u punoj veličini.

  3. Upišite "screenshot" da vidite opcije snimka ekrana, a to su:

    • Snimite snimak ekrana područja
    • Snimite snimak ekrana u punoj veličini
    • Snimite snimak ekrana čvora
    • Snimi screenshot
    Image
    Image
  4. Skrolujte nadole da odaberete tip snimka ekrana koji želite da snimite pomoću miša ili tastera sa strelicama na tastaturi.

Opcije snimka ekrana programera za Chrome

Izaberite Snimite snimku ekrana područja da uhvatite dio ekrana. Koristite miša da prevučete okvir oko područja koje želite snimiti.

Da biste dobili snimak ekrana cele web stranice, izaberite Snimi sliku ekrana u punoj veličini. Ova opcija vam omogućava da dobijete sliku web stranice koja se ne uklapa udobno na jedan ekran.

Ova opcija je imala mješovite rezultate u našem testiranju, ovisno o web stranici.

Ako želite standardni snimak ekrana, odaberite Snimite snimak ekrana, koji hvata ono što je vidljivo na vašem ekranu.

Konačno, možete dobiti snimak ekrana HTML elementa odabirom Snimi snimak ekrana čvora.

Nakon što snimite snimak ekrana, dobićete dijalog Sačuvaj. Odaberite folder i dajte snimku ekrana naziv datoteke. Svi snimci ekrana snimljeni korištenjem alata za programere također su dostupni u Chromeovom upravitelju preuzimanja.

Preporučuje se: