Buat tangkapan layar halaman web dengan bingkai perangkat di Chrome

Fitur yang kurang dikenal dari Google Chrome pada sistem operasi Desktop adalah kemampuan untuk menangkap tangkapan layar dari halaman yang dibuka seolah-olah tangkapan layar yang diambil adalah dari browser yang berjalan di perangkat seluler. Bahkan dapat menambahkan bingkai di sekitar tangkapan layar sehingga terlihat seperti foto smartphone yang realistis. Berikut adalah bagaimana hal itu dapat dilakukan.

Ada alat khusus di Alat Pengembang Chrome yang memungkinkan Anda meniru perangkat seluler. Sangat berguna bagi pengembang untuk memeriksa tampilan situs web mereka di ponsel cerdas dan perangkat layar kecil. Ini memungkinkan untuk menentukan ukuran layar khusus atau menggunakan ukuran perangkat yang telah ditentukan sebelumnya seperti iPhone, iPad, Nexus, atau Samsung Galaxy. Setelah halaman yang dibuka ditampilkan di emulator perangkat, pengguna dapat mengambil screenshot halaman tersebut. Dimungkinkan juga untuk mengaktifkan bingkai perangkat di sekitar halaman sehingga akan terlihat seperti foto yang realistis.

Anda dapat melakukannya sebagai berikut.

1. Buka halaman yang diinginkan di Chrome dan tekan F12. Ini akan membuka Alat Pengembang:
2. Klik tombol emulator perangkat seluler untuk mengganti mode Alat Pengembang:
3. Di bawah pemilih perangkat, pilih beberapa perangkat. Misalnya, saya akan memilih iPhone 6:
4. Sekarang, klik menu 3 titik di sebelah kanan pemilih perangkat dan centang opsi "Tampilkan bingkai perangkat":
5. Voila, sekarang halaman web Anda ditampilkan di dalam bingkai perangkat yang bagus:
   
   Sekarang, klik menu tiga titik lagi dan pilih "Capture screenshot":

Hasilnya akan seperti berikut:

Kamu selesai.