Anda tentu saja menyadari bahwa untuk menangkap screenshot Desktop pada Windows, Anda harus menekan Print Screen atau tombol Prnt scrn. Hal ini dapat ditemukan di bagian kanan atas keyboard Anda. Untuk menangkap hanya jendela yang aktif, tahan tombol Alt, sebelum Anda menekan tombol Print Screen. Mari kita lihat bagaimana melakukannya menggunakan built-in Developer Tools.
Mengambil Screenshots di browser Chrome
Screen Captures dapat sangat berguna dalam kasus di mana Anda menemukan tutorial yang menarik secara online dan akan ingin menyimpan salinan dari halaman web sebagai screenshot pada komputer Anda untuk referensi, kemudian. Jika Anda ingin melakukan hal yang sama, ikuti langkah-langkah yang dijelaskan di posting di bawah ini untuk membantu Anda mengambil screenshot halaman penuh dari setiap halaman web di Google Chrome.
Pertama, buka Google Chrome dan menavigasi ke halaman web yang Anda ingin screen capture.
Kemudian, klik ikon tiga titik dari browser, terlihat di sudut kanan atas layar komputer Anda.
Berikutnya, pilih 'more tools' dan kemudian, pilih opsi 'Developer tools'. lihat gambar
Setelah itu, jendela kecil untuk Developer Tools akan muncul. Klik tombol Mode Beralih Perangkat seperti yang ditunjukkan pada gambar di bawah ini untuk mengaktifkan pilihan. Setelah diaktifkan, tombol akan berubah berwarna biru.
Di sini, meminimalkan jendela Developer Tools dan di latar belakang mengatur screenshot Anda. Juga, pilih jenis perangkat yang tepat untuk screenshot Anda dari drop down menu perangkat.
Jika diperlukan, mengkonfigurasi ukuran dan orientasi layar.
Setelah selesai, klik pada icon 3-titik di sudut kanan dan dari daftar pilihan yang ditampilkan, pilih salah satu yaitu 'Capture screenshot'.
Mengambil Screenshots di Firefox Browser
Buka browser Mozilla Firefox dan pergi ke halaman web yang ingin Anda ambil screenshootnya. Sesampai di sana, klik pada Tindakan ikon terlihat di sudut kanan atas.
Pilih Developer. Ini akan membuka alat pengembang web. Atau, Anda dapat menekan 'Ctrl + Shift + I untuk shortcut Developer Tools.
Selanjutnya, dari daftar pilihan yang ditampilkan, pilih 'Desain Responsif Mode/Responsive Design Mode'.
Di sini, jika diperlukan, Anda dapat mengatur ukuran dan orientasi untuk screenshot Anda dengan mengkonfigurasi set yang benar. Setelah segala sesuatu settingganya benar, tekan tombol kamera untuk mengambil screenshoot.
Akhirnya, menyimpan screenshot ke lokasi yang diinginkan pada komputer Anda.
Screenshot dapat berguna besar untuk desainer Web yang mengambil screenshot Browser untuk melakukan pengecekan menyeluruh kompatibilitas browser di web browser yang berbeda dan sistem. Apapun tujuan mungkin Anda selalu bisa mengandalkan browser Chrome atau Firefox untuk mengambil screenshot, menggunakan Developer tools tersebut.