Tampilan website mobile ditujukan untuk pengguna dengan perangkat mobile (smartphone & tablet), sementara website desktop adalah untuk perangkat PC(komputer desktop &laptop).
Namun, bisakah kita mengakses tampilan website versi mobile menggunakan perangkat PC?
Jawabannya, tentu saja bisa.
Browser Google Chrome menyediakan sarana untuk membuka website mobile di komputer tanpa harus menginstal ekstensi tambahan. Berikut cara menggunakannya.
TIPS: Sangat disarankan untuk update Google Chrome terlebih dahulu agar lebih relevan.
Cara buka website mobile di Chrome PC
Time Needed : 3 minutes
Dalam tutorial ini, kita akan memanfaatkan fitur bernama Device Toolbar yang biasa digunakan developer web untuk menguji websitenya. Namun jangan khawatir, tutorial ini sangat sederhana dan bisa diikuti oleh semua orang.
Buka website yang ingin kamu lihat versi mobile-nya di Google Chrome.
Klik kanan pada area mana saja di website tersebut kemudian klik Inspeksi (F12).
Akan muncul jendela baru di sebelah kanan, klik ikon Device Toolbar yang berbentuk seperti perangkat smartphone/tablet.
Kamu akan melihat jendela website jadi sedikit mengecil, namun ini masih merupakan tampilan versi desktop. Lihat langkah selanjutnya.
Pilih perangkat mobile apa yang ingin kamu jadikan patokan (berdasarkan ukuran layar). Kamu juga bisa mengatur dimensi layar secara manual.
Sekarang, muat ulang halaman (CTRL+R).
Sekarang tampilan website versi mobile sudah aktif.
Tools
- Google Chrome
- Fitur Inspeksi
Materials
- Website
Tampilan mobile hanya muncul pada website yang kamu pilih dimana fitur Inspeksi dan Device Toolbar diaktifkan. Kamu bisa mematikan dan mengaktifkannya kapan saja kamu butuhkan.
