Cara Mengambil Screenshot di Google Chrome Menggunakan Dev Tools

Daftar Isi:

Cara Mengambil Screenshot di Google Chrome Menggunakan Dev Tools
Cara Mengambil Screenshot di Google Chrome Menggunakan Dev Tools
Anonim

Yang Perlu Diketahui

  • Pada PC: Tekan Ctrl + Shift + I lalu Ctrl + Shift P.
  • Mac: Tekan Command + Option + I lalu Command + Shift P.
  • Kemudian ketik "screenshot" untuk melihat empat opsi screenshot.

Artikel ini menjelaskan cara menangkap tangkapan layar di Chrome menggunakan alat pengembang.

Cara Menggunakan Alat Pengembang Chrome untuk Mengambil Tangkapan Layar

Perbedaan antara menggunakan tombol Print Screen dan alat Chrome adalah alat tangkapan layar Chrome tidak menyertakan batas jendela browser Chrome, hanya konten halaman web. Jika Anda hanya ingin menangkap konten halaman tanpa mengedit tangkapan layar, alat pengembang dapat menghemat satu langkah.

Anda dapat menggunakan menu atau pintasan keyboard untuk mengakses alat pengembang.

  1. Tekan Ctrl + Shift + I di PC, atau Command + Option + I di Mac. Atau, klik ikon menu tiga titik dan pilih Alat lainnya > Alat pengembang Melakukan ini akan membuka menu pengembang Element Inspector, yang menampilkan halaman web Pengkodean HTML.

    Image
    Image
  2. Lalu, tekan Ctrl + Shift P (PC) atau Command + Shift P (Mac) atau klik menu tiga titik untuk Customize And Control DevTools dan pilih Run Command.

    Image
    Image

    Hanya untuk tangkapan layar biasa atau ukuran penuh, klik ikon menu tiga titik di bagian atas halaman yang ingin Anda ambil dan pilih Tangkap tangkapan layar atau Tangkap tangkapan layar ukuran penuh.

  3. Ketik "screenshot" untuk melihat opsi screenshot, yaitu:

    • Tangkap tangkapan layar area
    • Tangkap tangkapan layar ukuran penuh
    • Tangkap tangkapan layar simpul
    • Tangkap tangkapan layar
    Image
    Image
  4. Gulir ke bawah untuk memilih jenis tangkapan layar yang ingin Anda ambil menggunakan mouse atau tombol panah pada keyboard Anda.

Opsi Tangkapan Layar Pengembang Chrome

Pilih Capture area screenshot untuk mengambil bagian dari layar. Gunakan mouse Anda untuk menyeret kotak di sekitar area yang ingin Anda screenshot.

Untuk mendapatkan tangkapan layar dari seluruh halaman web, pilih Tangkap tangkapan layar ukuran penuh. Opsi ini memungkinkan Anda mendapatkan gambar halaman web yang tidak muat dengan nyaman di satu layar.

Opsi ini memiliki hasil yang beragam dalam pengujian kami, tergantung pada situs webnya.

Jika Anda menginginkan screenshot standar, pilih Capture screenshot, yang mengambil apa yang terlihat di layar Anda.

Akhirnya, Anda bisa mendapatkan tangkapan layar elemen HTML dengan memilih Capture simpul tangkapan layar.

Setelah Anda mengambil tangkapan layar, Anda akan mendapatkan kotak dialog Simpan. Pilih folder dan beri tangkapan layar Anda nama file. Semua tangkapan layar yang diambil menggunakan alat Pengembang juga tersedia di pengelola unduhan Chrome.

Direkomendasikan: