Chrome Dev Tools Tips : Capture full sized screenshots without a browser extension

KuReview – Sebelumnya, saya menggunakan extension di Chrome dengan menggunakan Full Page Screenshot yang bisa didownload dan digunakan untuk mencapture keseluruhan halaman di Chrome. Pun bisa di export dengan format PDF, JPG dan lain sebagainya.

Nah, baru baru ini saya baru menemukan Tweet di Twitter yang mengatakan kalau ternyata, Chrome Dev Tools bisa melakukan tangkapan layar secara penuh maupun tidak.

Tampilannya

Lantas Bagaimana Caranya ?

  1. Akses ke Chrome Dev Tools dengan Inspect Element
  2. Tekan Menu Customize and Control DevTools / Kebab Menu (shortcut: Cmd + Shift + P
  3. Lalu ketikkan saja tulisan “Screenshot” dan muncullah ketiga pilihan ini
  • Capture full size screenshot ( untuk screenshot halaman secara keseluruhan)
  • Capture screenshot ( untuk screenshot halaman yang tampak saja)
  • Capture area screenshot (untuk screenshot yang bisa kita atur bagian mana saja yang bisa discreenshot)

Berikut saya tampilkan videonya cara screenshot dari umarr.com.

Capture full sized screenshots without a browser extension

Sumber :

https://umaar.com/dev-tips/151-screenshot-capture/

Leave a Reply

Your email address will not be published. Required fields are marked *