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

    website desktop Cara Buka Website Versi Mobile di Chrome PC 1 website desktop

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

    inspeksi Cara Buka Website Versi Mobile di Chrome PC 2 inspeksi

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

    device toolbar Cara Buka Website Versi Mobile di Chrome PC 3 device toolbar

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

    responsive website Cara Buka Website Versi Mobile di Chrome PC 4 responsive website

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

    pilih perangkat mobile Cara Buka Website Versi Mobile di Chrome PC 5 pilih perangkat mobile

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

    muat ulang Cara Buka Website Versi Mobile di Chrome PC 6 muat ulang

  7. Sekarang tampilan website versi mobile sudah aktif.

    website mobile di chrome desktop Cara Buka Website Versi Mobile di Chrome PC 7 website mobile di chrome desktop

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.