Kategori: SOFTWARE

Cara Buka Website Versi Mobile di Chrome PC

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.

  1. Buka website yang ingin kamu lihat versi mobile-nya di Google Chrome.

  2. Klik kanan pada area mana saja di website tersebut kemudian klik Inspeksi (F12).

  3. Akan muncul jendela baru di sebelah kanan, klik ikon Device Toolbar yang berbentuk seperti perangkat smartphone/tablet.

  4. Kamu akan melihat jendela website jadi sedikit mengecil, namun ini masih merupakan tampilan versi desktop. Lihat langkah selanjutnya.

  5. Pilih perangkat mobile apa yang ingin kamu jadikan patokan (berdasarkan ukuran layar). Kamu juga bisa mengatur dimensi layar secara manual.

  6. Sekarang, muat ulang halaman (CTRL+R).

  7. 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.

Tulis Komentar!
Bagikan!
Dipublikasikan oleh
Christian

Panduan Terkait: