Cara Menjalankan Inspect Element di Semua Browser

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

BrowserWindows & LinuxMac
Google ChromeF12 atau Ctrl + Shift + ICmd + Opt + I
Mozilla FirefoxF12 atau Ctrl + Shift + ICmd + Opt + I
OperaCtrl + Shift + ICmd + Opt + I
Microsoft EdgeF12 atau Ctrl + Shift + I
Internet ExplorerF12
BraveF12 atau Ctrl + Shift + ICmd + Opt + I
VivaldiF12 atau Ctrl + Shift + ICmd + Opt + I

Baca Juga: