Cara melakukan Inspect Element di Google Chrome untuk melihat tampilan versi seluler dari sebuah halaman website di Laptop/PC:

  1. Buka Tab Google Chrome, selanjutnya
  2. Gunakan shortcut keyboard Ctrl + Shift + I untuk OS Windows atau Linux, dan Cmd + Option + I untuk macOS. Atau
  3. Lakukan klik kanan halaman web di mana saja, lalu klik Inspect (Inspeksi) untuk mengakses panel Developer tools (Alat pengembang). Atau
  4. Klik menu tiga titik vertikal di menu bar bagian atas Chrome, klik More tools (Fitur lainnya), lalu klik Developer tools (Alat pengembang).
  5. Jika halaman web tidak langsung tampil versi seluler, lakukan:
    • Lakukan klik pada toggle device toolbar untuk mengalihkan mode perangkat di pojok kiri atas panel. Atau
    • Tarik ke kanan/kiri scroll bar yang ada di tengan preview website dan inspect element.
Gambar 2. Shortcut keyboard Ctrl + Shift + I
Gambar 3. Lakukan klik kanan halaman web di mana saja, lalu klik Inspect (Inspeksi)
Gambar 4. Klik menu tiga titik vertikal di bagian atas, klik More tools (Fitur lainnya), lalu klik Developer tools (Alat pengembang
Gambar 5. Lakukan klik pada toggle device toolbar untuk mengalihkan mode perangkat di pojok kiri atas panel
Gambar 5 juga. Tarik ke kanan/kiri scroll bar yang ada di tengan preview website dan inspect element.

Tips:

Untuk membuka https://elsimil-bkkbn.web.app/ lakukan inspect terlebih dahulu kemudian baru buka website/alamat tersebut.


Video Tutorial

Leave a Reply

Your email address will not be published. Required fields are marked *