Fungsi dasar dari jendela Inspect pada browser adalah untuk menampilkan struktur halaman situs web yang sedang dibuka. Struktur yang ditampilkan meliputi HTML, CSS dan JavaScript.

Semua browser memiliki fitur ini dan cara untuk mengaksesnya pun tidak jauh berbeda antara browser yang satu dengan yang lain.

Selengkapnya, berikut bagaimana cara menjalankan atau membuka jendela Inspect Element di semua browser komputer.

Google Chrome

  1. Buka Google Chrome.
  2. Klik kanan di dalam jendela lalu pilih Inspect di bagian bawah menu konteks.
    Cara Menjalankan Inspect Element Di Semua Browser Img 1
  3. Cara lain adalah dengan menggunakan pintasan keyboard.
    • Windows: Tekan F12 atau Ctrl + Shift + I
    • Mac: Tekan Cmd + Opt + I

Mozilla Firefox

  1. Buka Mozilla Firefox.
  2. Klik kanan di dalam jendela lalu pilih Inspect Element pada menu konteks.
    Cara Menjalankan Inspect Element Di Semua Browser Img 2
  3. Cara lain adalah dengan menggunakan pintasan keyboard.
    • Windows & Linux: Tekan F12 atau Ctrl + Shift + I
    • Mac: Tekan Cmd + Opt + I

Opera

  1. Buka browser Opera.
  2. Klik kanan di dalam jendela lalu pilih Inspect element di bagian bawah menu konteks.
    Cara Menjalankan Inspect Element Di Semua Browser Img 3
  3. Cara lain adalah dengan menggunakan pintasan keyboard.
    • Windows: Tekan Ctrl + Shift + I
    • Mac: Tekan Cmd + Opt + I

Microsoft Edge

  1. Buka Microsoft Edge.
  2. Klik kanan di dalam jendela lalu pilih Inspect di bagian bawah menu konteks.
    Cara Menjalankan Inspect Element Di Semua Browser Img 4
  3. Cara lain adalah dengan menggunakan pintasan keyboard F12 atau Ctrl + Shift + I.

Internet Explorer

  1. Buka Internet Explorer.
  2. Klik kanan di dalam jendela lalu pilih Inspect element pada menu konteks.
    Cara Menjalankan Inspect Element Di Semua Browser Img 5
  3. Cara lain adalah dengan menggunakan pintasan keyboard F12.

Brave Browser

  1. Buka browser Brave.
  2. Klik kanan di dalam jendela lalu pilih Inspect pada menu konteks.
    Cara Menjalankan Inspect Element Di Semua Browser Img 6
  3. Cara lain adalah dengan menggunakan pintasan keyboard.
    • Windows: Tekan F12 atau Ctrl + Shift + I
    • Mac: Tekan Cmd + Opt + I

Vivaldi

  1. Buka browser Vivaldi.
  2. Klik kanan di dalam jendela lalu pilih Developer Tools > Inspect pada menu konteks.
  3. Cara lain adalah dengan menggunakan pintasan keyboard.
    • Windows & Linux: Tekan F12 atau Ctrl + Shift + I
    • Mac: Tekan Cmd + Opt + I

Tabel Pintasan Keyboard

Browser Windows & Linux Mac
Google Chrome F12 atau Ctrl + Shift + I Cmd + Opt + I
Mozilla Firefox F12 atau Ctrl + Shift + I Cmd + Opt + I
Opera Ctrl + Shift + I Cmd + Opt + I
Microsoft Edge F12 atau Ctrl + Shift + I
Internet Explorer F12
Brave F12 atau Ctrl + Shift + I Cmd + Opt + I
Vivaldi F12 atau Ctrl + Shift + I Cmd + Opt + I

Desktop

Windows 10 Pro 20H2
Google Chrome 89.0.4389.114 (Official Build) (64-bit)
Mozilla Firefox 87.0 (64-bit)
Opera 74.0.3911.218
Microsoft Edge 89.0.774.63 (Official build) (64-bit)
Internet Explorer 20H2
Brave 1.22.70 Chromium: 89.0.4389.105 (Official Build) (64-bit)
Vivaldi 3.7.2218.52 (Stable channel) (64-bit)

Shares
Notifikasi
Beritahu jika
guest
0 Komentar
Inline Feedbacks
Lihat semua komentar