3 Cara Melihat Tampilan Blog/Situs Web Versi Mobile Di laptop/PC

3 Cara Melihat Tampilan Blog/Situs Web Versi Mobile Di laptop/PC - Buat para blogger atau pemilik situs web, memiliki tampilan yang terlihat keren dan membuat nyaman para pengunjung adalah hal yang penting. Entah itu pada tampilan versi desktop maupun dalam versi mobile. Maka dari itu terkadang para blogger atau pemilik website ini menghabiskan waktu yang tidak sebentar untuk memaksimalkan tampilan blog/situs web yang dimilikinya.

Dan ketika mengedit tampilan blog/website melalui komputer/laptop, maka faktor penting yang harus selalu di perhatikan dan jangan sampai dilupakan adalah mengenai tampilan blog/web ketika dibuka melalui ponsel atau melalui perangkat mobile. Karena pastinya sekarang ini pengguna ponsel memang banyak sekali, hampir tiap orang diseluruh dunia menggunakan ponsel dalam kehidupan sehari-harinya.

Seperti pada nggatekno.com ini, yang didalamnya sebagian besar konten-nya berisi tutorial tentang android. Maka pastinya sumber pengunjung di blog ini pun sebagian besar adalah bersumber dari perangkat mobile. Dan untuk situs browsernya yang digunakan para pengunjung dari perangkat mobile pun Saya lihat bermacam-macam, ada yang menggunakan google chrome, uc browser, opera mini maupun browser bawaan pada tiap smartphone.

Nah, dengan demikian memiliki blog dengan halaman web yang responsif atau support pada berbagai macam perangkat adalah suatu kewajiban yang harus terpenuhi. Disamping dapat membuat pengunjung nyaman, maka pastinya juga dapat membuat konten yang disajikan dapat terlihat rapi dan lebih mudah dipahami isinya.

Buat kamu yang sedang mengedit tampilan blog/web milikmu melalui komputer/laptop agar lebih efisien pada saat mengedit atau mendesain tampilannya, maka harus selalu mengecek atau melihat tampilan blog/website versi seluler atau versi mobile-nya. Dan untuk cara melihat tampilan blog/website versi mobile dapat kita lakukan langsung melalui komputer/laptop. Jadi situs mu nantinya dapat dicek tanpa harus membukanya menggunakan hp atau ponsel.

Di kesempatan yang cerah merona kali ini, nggatekno.com akan berbagi pengetahuan mengenai cara melihat tampilan website/blog versi mobile secara langsung melalui komputer/laptop. Dan disini Kami sajikan ke dalam 3 cara dalam melakukannya. Apa saja cara-caranya? Simak pembahasannya dibawah ini.

1. Cara melihat tampilan situs web/blog versi mobile di komputer melalui Chrome

Jika Kamu menggunakan aplikasi browser google chrome di laptop/PC, maka untuk melihat tampilan blog/website ke mode seluler atau mode mobile. Caranya adalah sebagai berikut ini.
  • Langkah pertama yaitu buka browser chrome-nya dan kemudian langsung menuju situs/blog yang ingin kamu lihat tampilan versi mobile-nya. 
  • Jika sudah, tekan klik kanan dan pilih opsi inspect atau bisa juga dengan menekan tombol pintasan atau tombol shortcut CTRL+Shift+I.
3 Cara Melihat Tampilan Blog/Situs Web Versi Mobile Di laptop/PC

  • Selanjutnya tampilan inspect halaman pun akan tampil seperti pada gambar dibawah ini. Nah, dibagian inspect tersebut, kalian perhatikan ikon yang Saya tandai dengan kotak merah pada gambar berikut ini atau yang bernama toggle device toolbar. Arahkan kursor mouse pada ikon tersebut dan klik untuk menampilkan blog/laman web tersebut ke mode mobile/mode seluler.

3 Cara Melihat Tampilan Blog/Situs Web Versi Mobile Di laptop/PC

  • Selanjutnya jika ingin melihat tampilan pada perangkat mobile seperti di tampilan pada smartphone tertentu seperti samsung galaxy ataupun tampilan pada ipad, ataupun iphone. Maka lihat pada menu pada bagian kiri atas seperti pada gambar dibawah ini, dan klik pada responsif dan setelah itu pilih perangkat mobile yang diinginkan.

3 Cara Melihat Tampilan Blog/Situs Web Versi Mobile Di laptop/PC

2. Cara melihat tampilan blog/situs web versi mobile di komputer dengan mozila firefox

Buat kamu para pengguna browser mozila firefox, maka untuk melihat tampilan blog/situs web ke mode seluler/versi mobile, maka caranya sebenarnya tidaklah jauh berbeda seperti jika menggunakan browser chrome. Namun untuk lebih jelasnya silahkan simak saja langkah-langkahnya berikut ini.
  • Buka aplikasi browser mozila firefox, dan kemudian buka situs web atau blog yang ingin Kamu lihat ke mode tampilan seluler/versi mobile.
  • Setelah itu klik kanan pada laman tersebut dan pilih pada inspect element
  • Berikutnya akan muncul tampilan pada inspect element mozila firefox, dan disini untuk melihat tampilan ke mode seluler atau mode mobile maka tekan pada responsive design mode. Untuk lebih jelasnya lihat pada gambar dibawah ini.

3 Cara Melihat Tampilan Blog/Situs Web Versi Mobile Di laptop/PC

  • Setelah itu, tampilan seluler atau tampilan dengan mode mobile yang responsif pun akan terlihat seperti pada gambar berikut ini. Dan untuk tampilannya pun jika dilihat tidaklah jauh berbeda dengan jika kita mengeceknya menggunakan google chrome. 

3. Cara melihat tampilan blog/situs web versi mobile di komputer/laptop melalui online di responsinator.com 

Untuk cara yang ketiga yang bisa kalian coba adalah mengecek atau melihat tampilan blog atau situs web kamu dengan menggunakan bantuan situs web. Dan salah satunya yang menyediakannya adalah situs responsinator.com. Untuk langkah-langkahnya adalah sebagai berikut.
  • Kunjungi situs responsinator.com atau dengan mengekliknya Disini.
  • Selanjutnya, masukkan URL situs web/blog yang ingin dilihat versi mobile-nya pada sebelah pojok kiri atas. Dan setelah itu lanjutkan dengan menekan Go untuk melihat hasilnya seperti apa. Dan untuk lebih jelasnya bisa dilihat pada gambar screenshot dibawah ini.

3 Cara Melihat Tampilan Blog/Situs Web Versi Mobile Di laptop/PC


Oke, begitulah ke-3 cara untuk melihat tampilan blog/website ke mode seluler atau mode mobile di Komputer/PC. Bagaimana? Cukup mudah bukan caranya? 

Silahkan biar tidak menimbulkan penasaran yang berlebih, maka langsung saja untuk mempraktekannya langsung tutorial diatas. Terimakasih dan ku tunggu hadirmu di postingan artikel berikutnya.