Widget HTML #1

Cara Melihat Tampilan Situs Versi Seluler di Komputer / Laptop

melihat tampilan blog versi mobile


Bagaimanakah supaya bisa ngecek dan melihat tampilan situs web atau blog kita di Laptop tapi yang versi seluler (mobile).

Tentu ini satu hal yang sangat dibutuhkan bagi kita yang suka mendesain template untuk blogger atau bisa dikatakan tampilan sebuah website secara umum. Yang sudah pasti gunanya untuk melihat tampilan situs ketika dibuka melalui browser di PC sudah sama dan sesuai ketika dibuka melalui ponsel smartphone.

Istilahnya untuk mengetahui apakah tampilan sebuah situs sudah responsive atau belum. Karena memang kami sendiri terasa ribet kalau harus bolak-balik ambil hp untuk melihat perubahan dari pada template blog yang baru dipasang.

Selain itu, melihat tampilan web versi mobile akan berguna untuk mengetahui hal lain. Seperti contohnya saya telah membuat tabel di postingan, lalu ingin mengetahui hasil tampilannya kalau dibuka melalui hp. Untuk melihat ukuran lebar header blog dari tampilan mobile, dan kebutuhan lainnya langsung dari perangkat PC.

Langkah Melihat Tampilan Web versi Mobile

Memang sebagai pemilik blog hal ini menjadi sangat penting untuk mengetahui dan memastikan apakah template sudah responsive. Bagaimanapun juga saat ini lebih banyak pengguna seluler dari pada Laptop, untuk itu pastikan tampilannya tidak beda ketika dibuka melalui handphone.

1. Pertama, ini sebetulnya sangat mudah hanya membutuhkan situs pihak ketiga yakni melalui responsinator.com/

2. Buka alamat situs tersebut melalui browser di PC, setelah halaman dimuat kemudian masukkan url atau link blog Anda lalu tekan Enter.


responsinator


Dengan begitu kita akan melihat tampilan mobile situs blog baik secara potrait dan landscape. Geser ke bawah untuk melihat tampilan device lain dari bentuk ponsel iPhone, Android, dan juga tampilan iPad. 

Cara ke-2: Melihat Tampilan Situs versi Seluler

Berikut ini sebetulnya sama fungsinya, akan tetapi beda tempat pengecekan tampilan blog. Kenapa kita memberikan pilihan kedua, pastinya sebagai opsi lain jikalau yang pertama ada kendala seperti adanya gangguan server sehingga tidak bisa diakses. 

1. Caranya untuk yang ini melalui alamat: https://mobiletest.me/

Setelah kalian akses url tersebut maka bisa langsung memilih pengujian tampilan versi ponsel atau tablet yang diinginkan.

uji situs web


Berikutnya untuk tuliskan url situs Anda pada kotak yang ada dan klik Go atau Enter pada keyboard. Walaupun hanya bisa menampilkan potrait, akan tetapi yang kami suka antar mukanya cukup oke dan prosesnya tidak begitu lambat.

Cara Buka Web dalam Tampilan Seluler tanpa Situs pihak ke-3

Mungkin salah satu dari kalian ada yang menginginkan, apakah ada melihat tampilan Web Versi mobile tanpa melalui situs pihak lain. Ada, yang kami terapkan ini langsung dari browser Chrome atau Firefox.

Caranya adalah dengan buka browser di Laptop kemudian akses alamat blog Anda, kemudian lakukan langkah berikut sesuai aplikasi browser yang digunakan.

▶Mozila Firefox : Setelah membuka halaman situs Anda lalu tekan tombol kombinasi di keyboard Ctrl + Shift + M

▶Google Chrome : Pada tampilan blog klik kanan pada mouse, lalu pilih Inspeksi, setelah itu untuk menampilkan situs versi mobile tekan Ctrl + Shift + M secara bersamaan.

Penutup

Nah mungkin demikian cara-cara yang bisa dilakukan untuk mengetahui tampilan situs kita dalam versi seluler langsung melalui komputer atau laptop, jadi tak perlu ambil hp terlebih dahulu. Bagi yang sudah kegiatannya desain template blog ini mungkin cukup membantu menyederhanakan pekerjaan. 

Buka Komentar