2 Cara Membuka Website Tampilan Mobile di Chrome PC / Laptop
Website dengan tampilan mobile ditujukan untuk pengguna yang membuka website tersebut menggunakan perangkat mobile (seperti smartphone dan tablet). Ini menjadi standar bagi sebuah website agar pengguna perangkat mobile nyaman mengunjunginya.
Terkadang ada juga website tertentu yang tampilannya tidak bisa dalam mode mobile, meski website tersebut dubuka dengan perangkat mobile.
Sedangkan untuk perangkat (seperti computer dan laptop), website yang dibuka menggunakan perangkat tersebut tampilannya akan berupa tampilan desktop. Tampilan ini sebetulnya juga bisa digunakan melalui perangkat mobile selama browser yang digunakan untuk membuka website menyediakan fitur mode desktop.
Lantas, bagaimana dengan perangkat PC? Bisakah kita membuka website dengan mode tampilan mobile di perangkat PC?
Tentu saja bisa. Kita bisa menggunakan browser Google Chrome untuk membuka website tampilan mobile, baik tanpa perlu menginstal extension tambahan maupun harus menginstal extension tambahan pada browser tersebut.
Sebelum lanjut, alangkah baiknya kita memperbarui browser Google Chrome di perangkat PC kita terlebih dahulu, mengingat akhir-akhir ini ada himbauan dari Google untuk segera melakukan update Google Chrome di perangkat Windows maupun Android.
Jika browser Google Chrome sudah di-update, kita bisa menerapkan beberapa cara membuka website tampilan mobile di Google Chrome PC berikut ini.
Cara Membuka Website Tampilan Mobile di Chrome PC Tanpa Extension Tambahan
Cara pertama yang bisa kita lakukan untuk membuka website di Google Chrome dalam tampilan mobile ialah tanpa perlu menginstal extension tambahan. Cara ini terbilang mudah.
Namun, dibalik kemudahannya, cara ini memiliki kekurangan. Misalnya cara penggunaannya yang kurang nyaman bagi sebagian pengguna. Tapi tak salah bila Anda coba cara ini terlebih dahulu. Kemudian Anda bisa coba cara berikutnya.
Untuk cara membuka website di Google Chrome tampilan mobile, bisa kita lakukan melalui fitur Development Tools atau Inspect. Cara termudahnya, kita bisa menggunakan fitur Inspect. Berikut caranya:
- Buka browser Google Chrome.
- Klik kanan di halaman browser lalu pilih Inspect
- Klik toogle device toolbar atau Ctrl + Shift + M.
- Selamat! Website sudah dalam tampilan mobile.
Kita bisa mengatur resolusi layar sesuai keinginan melalui fitur Dimensions atau kolom angka di sampingnya (misalnya 400 x 600).
Cara Membuka Website Tampilan Mobile di Chrome PC dengan Extension Tambahan
Berbeda dengan cara pertama, kita perlu menginstal extension tambahan pada Google Chrome di perangkat PC kita agar bisa membuka website dalam tampilan mobile.
Meski perlu menginstal extension tambahan, bukan berarti cara ini lebih rumit. Bahkan, cara yang satu ini terbilang lebih mudah dan praktis ketimbang tanpa menggunakan extension.
Extension yang dimaksud, bernama User-Agent Switcher for Chrome. Kita bisa mendownload dan menginstal extension tersebut melalui Chrome Web Store. Jika kita bingung dimana letak Chrome Web Store, kita bisa mencarinya melalui Pencarian Google. Kemudian cari extension User-Agent Switcher for Chrome melalui kolom pencarian.
Jika sudah ketemu, buka extension tersebut. Kemudian klik Tambahkan ke Chrome lalu klik Add extension. Setelah itu, tunggu proses download dan penginstalannya selesai.
Jika penginstalannya berhasil, maka tampilannya akan seperti berikut.
Sementara cara menggunakan extension User-Agent Switcher for Chrome untuk mengubah tampilan website Google Chrome jadi mode mobile adalah sebagai berikut:
- Klik ikon extension User-Agent Switcher for Chrome (yang diberi tanda panah) yang sudah terinstall tadi.
- Pilih Android lalu Android Kitkat.
- Refresh / reload halaman di Google Chrome.
- Selesai, website di Google Chrome perangkat PC kita sudah dalam tampilan mobile.
Selain pilihan Android, ada banyak pilihan lainnya yang bisa kita coba. Misalnya iOS. Kita bisa mengubah tampilan website di Google Chrome jadi tampilan mobile seperti yang ada di iOS, seperti iPhone 6 dan iPad.
Untuk mengembalikan website menjadi tampilan desktop, kita juga bisa melakukannya melalui ikon extension User-Agent Switcher for Chrome dengan cara klik ikon tersebut, kemudian pilih Chrome lalu klik Default. Setelah itu, tampilan website akan kembali seperti semula.
Penutup
Demikian tutorial terkait cara membuka website di Google Chrome perangkat PC (komputer/laptop) dalam mode tampilan mobile (smartphone/tablet). Semoga bermanfaat!!
Ditulis oleh: Syahrul Hanafi