Bagaimanakah supaya bisa ngecek dan melihat tampilan situs web atau blog kita di Laptop tapi yang tampilannya 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.
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.
Update!: Cara pertama tools atau situs tersebut sudah tidak bisa diakses, untuk itu lebih baik langsung lanjut ke langkah berikutnya:
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. Maka kita bisa pake opsi yang lain di bawah ini,
1. Caranya untuk yang ini melalui alamat: https://www.mobileviewer.io/
Setelah kalian akses url tersebut maka bisa langsung, yang Pertama masukkan alamat situs yang mau di uji dengan lengkap, pilih Country atau negara anda tinggal, dan masukkan Address ini pilihan bisa juga dikosongkan saja tidak masalah.
Setelah semuanya terisi, untuk melihat hasilnya klik tombol Get Mobile Version. Dengan begitu nanti di halaman berikutnya akan menampilkan situs yang sudah kita masukkan muncul tampilannya dalam bentuk seluler (mobile).
Sementara itu kita bisa memilih tampilan Device yang ada di sebelah kiri tinggal dicek lish, nanti akan tampil beberapa sesuai pilihan dan selera kalian. Lengkap bangat pilihannya bahkan selain smartphone Apple ada pilihan device tablet juga dari berbagai brand dan ukuran.
Mudah sekali bukan? Dengan begitu kita yang memiliki habi desain template blog jadi lebih mudah melihat hasilnya dari berbagi perangkat ponsel hanya dari komputer atau laptop saja, tanpa perlu lagi harus membuka ponsel secara nyata.
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.








