Di artikel kali ini saya membagikan tutorial bagaimana cara untuk melakukan Inspect Element di browser Safari milik Apple ini. Sebelumnya saya juga pernah membuat tutorial tentang Daftar Shortcut Keyboard di MacOS untuk Mempercepat Kerja Anda.

Mungkin dari Anda ada yang bingung mengapa di browser Safari ini tidak sama dengan browser yang biasa kita pakai di Google Chrome ataupun di Mozilla Firefox. Yang dimana secara default kita bisa menampilkan inspect element secara mudah dengan cara klik kanan di page lalu tinggal klik Inspact Element.

Sebenarnya di browser safari juga demikian, tinggal klik kanan lalu klik Inspact Element, hanya saja fitur ini secara default di update safari terbaru di nonaktifkan. Jadi kita mesti mengaktifkan terlebih dahulu nih..

Sebelum saya mulai tutorialnya, saya mau disclimer terlebih dahulu jika versi safari yang saya gunakan adalah Version 16.3 (18614.4.6.1.6). Namun secara umum langkah-langkahnya tidak jauh berbeda dengan veri yang lain.

Cara Mengaktifkan Inspect Element di Safari

Untuk mengaktifkan inspect Element di safari caranya sangatlah mudah, silahkan ikuti langkah-langkah berikut ini:

  1. Buka browser Safari
  2. Klik menu Safari di pojok kiri atas ▸ Settings..
    cara inspect element safari
  3. Selanjutnya masuk di menu tab Advanced
  4. Centang pada bagian “Show Develop menu in menu bar”.
    cara inspect element safari
  5. Jika langkah di atas sudah selesai, silahkan close atau keluarkan saja windownya.

Cara Melakukan Inspect Element di Safari

Sebelumnya kita sudah mengaktifkan mode pengembang/Develop, yang artinya fitur inspect element sudah bisa kita gunakan. Cara melakukannya tidak jauh berbeda dengan browser yang lain. Untuk lebih detailnya silahkan lihat langkah-langkah berikut ini:

Cara 1: Menggunakan Shortcut

Cara pertama yang dapat Anda lakukan untuk menampilkan mode inspect element adalah dengan mengunakan shortcut. Untuk shortcut Inspect Element adalah:

Commond + option ⌥ + I 

Cara 2: Menggunakan Control-klik

Istilah Control-klik di macbook sama saja di windows seperti klik kanan. Ya, seperti pada beberapa browser lain seperti Google Chrome dan Mozilla Firefox, cara ini sering sekali digunakan. Untuk langkah-langkahnya silahkan ikuti beberapa step di bawah ini:

  1. Buka halaman yang ingin Anda inspect menggunakan browser Safari
  2. Control-klik/Klik kanan dibagian manapun
  3. Klik Inspect Element
    cara inspect element safari

Cara 3: Melalui Menu Develop

Cara terakhir yang dapat Anda lakukan adalah dengan melalui menu Develop. Cara ini mungkin agak sedikit merepotkan, untuk lebih detailnya silahkan ikuti langkah-langkah berikut:

  1. Buka halaman yang ingin Anda inspect menggunakan browser Safari
  2. Klik menu Develop yang letaknya ada di bagian atas
  3. Klik Show Web Inspector

Kesimpuulan

Itulah 2 cara untuk melakukan inspect element di browser Safari dengan mudah. Untuk melakukannya Anda wajib untuk mengaktifkan mode Develop terlebih dahulu agar pengaturan inspect element di Safari dapat di gunakan.

Jika ada yang perlu di diskusikan jangan ragu untuk menulisnya di kolom komentar ya.