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

Shares

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

    Notifikasi
    Beritahu jika
    guest
    Berkomentarlah sesuai dengan Syarat dan Ketentuan yang sudah diatur di situs ini.
    Kolom komentar dapat mengumpulkan nama, email, dan konten Anda untuk keperluan internal kami. Harap baca Kebijakan Privasi di situs ini sebelum mengirimkan komentar.
    0 Komentar
    Inline Feedbacks
    Lihat semua komentar