Firefox adalah peramban populer untuk PC Windows^{(Windows PC)} . Bilah Alat Pengembang^{(Developer Toolbar)} di Firefox dan Chrome memungkinkan Anda mengambil tangkapan layar dari jendela peramban tanpa menggunakan pengaya peramban atau perangkat lunak penangkap layar^{(screen capture software)} pihak ketiga . Tutorial ini akan menunjukkan kepada Anda cara menangkap tangkapan layar di browser Chrome atau Firefox^{(capture screenshots in Chrome or Firefox browser)} secara asli, tanpa menggunakan atau menginstal perangkat lunak pihak ketiga apa pun.

Anda tentu tahu bahwa untuk mengambil screenshot Desktop di Windows^{(capturing Desktop screenshots on Windows)} , Anda harus menekan tombol Print Screen atau Prnt Scrn . Itu 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 Alat Pengembang bawaan^{(Developer Tools)} .

Tangkap Tangkapan Layar^{(Screenshots)} di browser Chrome

Tangkapan Layar bisa sangat berguna jika Anda menemukan tutorial online yang menarik dan ingin menyimpan salinan halaman web sebagai tangkapan layar di komputer Anda untuk referensi nanti. Jika Anda ingin melakukan hal yang sama, ikuti langkah-langkah yang diuraikan dalam pos di bawah ini untuk membantu Anda mengambil tangkapan layar satu halaman penuh dari halaman web mana pun di Google Chrome .

Pertama, luncurkan Google Chrome dan navigasikan ke halaman web yang layarnya ingin Anda tangkap.

Sesampai di sana, klik ikon hamburger browser, terlihat di sudut kanan atas layar komputer Anda.

Selanjutnya, pilih ' Alat lainnya^{(More tools)} ' saat menu tindakan meluas dan nanti, pilih opsi ' Alat pengembang^{(Developer tools)} '.

Setelah itu, jendela kecil untuk Alat Pengembang^{(Developer Tools)} akan muncul. Klik^(Click) tombol Toggle Device Mode seperti yang ditunjukkan pada gambar di bawah ini untuk mengaktifkan opsi. Setelah diaktifkan, tombol akan berubah warna menjadi biru.

Di sini, perkecil jendela Alat Pengembang^{(Developer Tools)} dan di latar belakang atur tangkapan layar Anda. Juga, pilih jenis perangkat yang tepat untuk tangkapan layar Anda dari menu tarik-turun perangkat.

Jika perlu, konfigurasikan ukuran dan orientasi tangkapan layar.

Setelah selesai, klik ikon 3 titik di pojok kanan atas, dan dari daftar opsi yang ditampilkan, pilih salah satu yang terbaca sebagai ' Tangkap tangkapan layar^{(Capture screenshot)} '.

That’s it!

Ambil Tangkapan Layar di Peramban Firefox

TIPS^(TIP) : Sekarang Anda dapat mengaktifkan fitur Firefox Screenshots^{(enable the Firefox Screenshots)} .

Buka browser Mozilla Firefox^{(Mozilla Firefox)} dan buka halaman web yang layarnya ingin Anda tangkap. Sesampai di sana, klik ikon Tindakan Lainnya^{(More Actions)} yang terlihat di sudut kanan atas.

Pilih Ubin Pengembang^{(Developer Tile)} . Ini akan membuka alat pengembang web. Atau, Anda dapat menekan ' Ctrl+Shift+I ' untuk meluncurkan alat pengembang.

Selanjutnya, dari daftar opsi yang ditampilkan, pilih yang terbaca sebagai ' Mode Desain Responsif^{(Responsive Design Mode)} '.

Di sini, jika diperlukan, Anda dapat mengatur ukuran dan orientasi untuk tangkapan layar Anda dengan mengonfigurasi rangkaian opsi yang benar. Setelah Anda menemukan semua hal di tempatnya, tekan tombol Kamera^(Camera) untuk mengambil layar.

Terakhir, simpan tangkapan layar yang diambil ke lokasi yang diinginkan di komputer Anda.

Tangkapan layar dapat sangat berguna bagi perancang Web yang mengambil tangkapan layar browser untuk melakukan pemeriksaan menyeluruh terhadap kompatibilitas browser di berbagai browser dan sistem web. Apa pun tujuannya, Anda selalu dapat mengandalkan browser Chrome atau Firefox untuk mengambil tangkapan layar secara asli, menggunakan alat pengembang ini.

Baca selanjutnya^{(Read next)} : Cara mengambil tangkapan layar situs web dari jarak jauh^{(How to take screenshots of a website remotely)} .

Capture or take Screenshots in Chrome or Firefox browser natively

Fіrеfox is a popular browser fоr Wіndows PC. The Developer Toolbar in Firefox and Chrome allows you to take screenshots of the browser window without using any browser add-onѕ or 3rd-party screen capture software. This tutorial will show you how to capture screenshots in Chrome or Firefox browser natively, without using or installing any third-party software.

You are of course aware that for capturing Desktop screenshots on Windows, you have press the Print Screen or Prnt Scrn key. It can be found in the upper right section of your keyboard. To capture only the active window, hold down the Alt key, before you press the Print Screen key. Let us see how to do it using the built-in Developer Tools.

Capture Screenshots in Chrome browser

Screen Captures can be immensely useful in cases where you come across an interesting tutorial online and would want to save a copy of the web page as a screenshot on your computer for reference, later. If you want to do the same, follow the steps outlined in the post below to help you take full-page screenshot of any web page in Google Chrome.

First, launch Google Chrome and navigate to the web page whose screen you would like to capture.

Once there, click the hamburger icon of the browser, visible in the upper right-hand corner of your computer screen.

Next, chose ‘More tools’ when the menu of action expands and later, select ‘Developer tools’ options.

Thereafter, a small window for Developer Tools will show up. Click on the Toggle Device Mode button as shown in the image below to activate the option. Once activated, the button will turn blue in color.

Here, minimize the Developer Tools window and in the backdrop set up your screenshot. Also, select the right device type for your screenshot from the device drop-down menu.

If required, configure the size and orientation of the screenshot.

Once finished, click on the 3-dots icon in the extreme right corner, and from the list of options displayed, select the one reading as ‘Capture screenshot’.

That’s it!

Take Screenshots in Firefox Browser

TIP: You can now enable the Firefox Screenshots feature.

Open the Mozilla Firefox browser and go to the web page whose screen you would like to capture. Once there, click on More Actions icon visible in the upper right-hand corner.

Choose the Developer Tile. This will open the web developer tools. Alternatively, you can press ‘Ctrl+Shift+I’ to launch the developer tools.

Next, from the list of options displayed, select the one reading as ‘Responsive Design Mode’.

Here, if required, you can set up the size and orientation for your screenshot by configuring the correct set of options. Once you find all things in place, hit the Camera button to grab the screen.

Finally, save the captured screenshot to the desired location on your computer.

Screenshots can be of immense use to Web designers who take browser screenshots for performing a thorough checking of browser compatibility in different web browsers and systems. Whatever the purposes maybe you can always rely on Chrome or Firefox browser to take a screenshot natively, using these developer tools.

Read next: How to take screenshots of a website remotely.

Related posts

• Cara Bersihkan Cache, Cookies, Browsing History di Chrome and Firefox

• Chrome or Firefox tidak dapat men-download atau menyimpan file di komputer Anda

• Nonaktifkan, uninstall Adobe Flash, Shockwave di Chrome, Firefox, Edge, yaitu

• FIX: RECAPTCHA tidak berfungsi di Chrome, Firefox, atau browser apa pun

• Fix: Vimeo tidak berfungsi di Chrome or Firefox

• Bring Back View Image and Search oleh Image Tombol pada Google

• Cara Membuka News and Interests links di Chrome or Firefox; BUKAN Edge

• Aktifkan Dark Mode di situs web mana pun menggunakan Dark Reader untuk Chrome, Firefox

• Cara Menghentikan Redirect Otomatis di Chrome, Firefox, Browser Edge

• Copy and Paste sebagai Polos Text di Chrome, browser Firefox

• 400 Bad Request, Cookie Too Large - Chrome, Edge, Firefox, yaitu

• Gratis Web Cache Viewer untuk Chrome, Firefox and Edge browsers

• Share Button Plugins untuk Chrome, Firefox and Edge browsers

• Hyperlink Auditing di Chrome & Firefox browsers

• Search di beberapa tab terbuka pada Firefox and Chrome browsers

• Hapus Cookies, Site Data, Cache untuk situs web tertentu: Chrome Edge Firefox

• Cara menonaktifkan atau mengaktifkan Caret Browsing di Chrome or Firefox

• Tidak dapat membuka situs web tertentu di Chrome, Firefox, Edge, yaitu

• Cara Menerjemahkan A Web page di Chrome, Firefox and Edge

• Windows Defender Application Guard Extension untuk Chrome & Firefox