Home PC Cara Membuat Screenshot Web dengan Frame Smartphone di Google Chrome

Cara Membuat Screenshot Web dengan Frame Smartphone di Google Chrome

Terdapat sebuah fitur pada Developer Tools Chrome, dimana kamu bisa menjalankan emulator, dimana kamu bisa menampilkan tampilan konten web berbasis Mobile. Ditambah, kamu juga bisa menampilkan device tersebut dan menjadikannya sebagai Frame agar screenshoot yang diambil terlihat realistik. Berikut langkah-langkahnya.

 Membuat Screenshot Web dengan Frame Smartphone

Pertama buka halaman yang ingin kamu jadikan screenshoot, lalu masuk ke Developer Mode dengan menggunakan tombol (F12 / Fn + F12).

Cara Membuat Screenshot Web dengan Frame Smartphone di Google Chrome (2)

Kemudian aktifkan fitur device emulator yang terletak dibagian sisi atas jendela Developer.

Cara Membuat Screenshot Web dengan Frame Smartphone di Google Chrome (3)

Selanjutnya buka menu dropdown lalu pilih device yang diinginkan. Ada beberapa varian device terkenal seperti Nexus, iPhone, Microsoft Lumia, Samsung Galaxy dan masih banyak lagi yang bisa kamu tambahkan melalui opsi Edit.

Cara Membuat Screenshot Web dengan Frame Smartphone di Google Chrome (4)

Lalu navigasilah pada menu dots (yang ditandai dengan 3 titik), kemudian klik opsi ‘Show Device Frame’.

Cara Membuat Screenshot Web dengan Frame Smartphone di Google Chrome (5)

Terakhir buka kembali menu yang sama lalu pilih opsi ‘Capture Screenshot’ untuk mengambil gambar berserta frame device.

Cara Membuat Screenshot Web dengan Frame Smartphone di Google Chrome (6)

Hasilnya kurang lebih seperti ini.

Cara Membuat Screenshot Web dengan Frame Smartphone di Google Chrome (1)

That’s it!, Itu dia sedikit tips agar bisa membuat tampilan screenshot dari Google Chrome terlihat lebih menarik. Mudah sekali bukan?

  Video: 3 Cara Download File ISO Windows 10 Terbaru  

Microsoft Device and Windows beta enthusiast. akan merasa senang jika bisa saling bertukar knowledge tentang Windows dan Lumia, baik Melalui Forum atau Twitter. Bukan fanboy.