Kako napraviti snimku zaslona u Google Chromeu pomoću alata za razvojne programere

Sadržaj:

Kako napraviti snimku zaslona u Google Chromeu pomoću alata za razvojne programere
Kako napraviti snimku zaslona u Google Chromeu pomoću alata za razvojne programere
Anonim

Što treba znati

  • Na računalu: 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 screenshot-a.

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

Kako koristiti Chromeove alate za razvojne programere za snimanje zaslona

Razlika između korištenja tipke Print Screen i Chrome alata je u tome što Chrome alat za snimke zaslona ne uključuje obrube prozora preglednika Chrome već samo sadržaj web stranice. Ako želite snimiti samo sadržaj stranice bez uređivanja snimaka zaslona, alati za razvojne programere mogu vam uštedjeti korak.

Možete koristiti izbornike ili tipkovničke prečace za pristup razvojnim alatima.

  1. Pritisnite Ctrl + Shift + I na računalu ili Command + Option + I na Macu. Alternativno, kliknite ikonu izbornika s tri točke i odaberite More tools > Developer tools Time se otvara izbornik Element Inspector za razvojne programere, koji prikazuje web stranicu HTML kodiranje.

    Image
    Image
  2. Zatim pritisnite Ctrl + Shift P (PC) ili Command + Shift P (Mac) ili kliknite izbornik s tri točke za Prilagodite i kontrolirajte DevTools i odaberite Pokreni naredbu.

    Image
    Image

    Samo za običan snimak zaslona ili snimak zaslona u punoj veličini, kliknite ikonu izbornika s tri točke na vrhu stranice koju želite snimiti i odaberite Snimi snimak zaslona ili Snimite snimak zaslona u punoj veličini.

  3. Upišite "screenshot" da biste vidjeli opcije snimke zaslona, a to su:

    • Snimanje zaslona područja
    • Snimite snimak zaslona u punoj veličini
    • Snimite snimak zaslona čvora
    • Snimi snimak zaslona
    Image
    Image
  4. Pomaknite se prema dolje kako biste odabrali vrstu snimke zaslona koju želite snimiti pomoću miša ili tipki sa strelicama na tipkovnici.

Opcije snimke zaslona za razvojne programere Chrome

Odaberite Snimanje zaslona područja da uhvatite dio zaslona. Pomoću miša povucite okvir oko područja koje želite snimiti.

Da biste dobili snimak zaslona cijele web stranice, odaberite Snimi snimak zaslona u punoj veličini. Ova opcija vam omogućuje da dobijete sliku web stranice koja ne stane udobno na jedan zaslon.

Ova je opcija imala različite rezultate u našem testiranju, ovisno o web stranici.

Ako želite standardni snimak zaslona, odaberite Snimi snimak zaslona, koji hvata ono što je vidljivo na vašem zaslonu.

Na kraju, možete dobiti snimku zaslona HTML elementa odabirom Snimi snimku zaslona čvora.

Nakon što snimite snimku zaslona, dobit ćete dijaloški okvir Spremi. Odaberite mapu i dodijelite svojoj snimci zaslona naziv datoteke. Sve snimke zaslona snimljene pomoću alata za razvojne programere također su dostupne u Chromeovom upravitelju preuzimanja.

Preporučeni: