Artikel kali ini akan mengupas tentang Inspect Element yang mungkin hanya digunakan teman-teman Hostingan untuk iseng-iseng dalam merubah tampilan sebuah web hingga merubah cuitan twitter dari artis yang di idolakan hingga aktivitas iseng lainya. Nah tahukah kalian ternyata Inspect Element punya banyak sekali fitur yang dapat kalian gunakan untuk keperluan membangun hingga melakukan audit sebuah website? Yuk, kita simak artikel kami kali ini.

Apa itu Inspect Element?

Inspect Element adalah salah satu fitur dari browser yang memungkinkan Kalian untuk memeriksa Kode HTML dan CSS pada suatu website, yang artinya kalian dapat mengetahui jenis font, ikon yang digunakan hingga lainnya yang ada pada website.

Inspect element juga menjadi senjata andalan bagi para pengembang website untuk memperbaiki bug pada website dengan melakukan check error pada bagian mana saja saat website dimuat, hingga melakukan check tampilan pada website tertentu yang akan mereka terapkan ke project web mereka.

Penggunaan Inspect Element

Kalian dapat menggunakan Inspect Element untuk beberapa hal berikut;

1.Tes Kecepatan Website

Mengoptimalkan kecepatan website adalah bagian yang sangat penting pada sebuah web, untuk membuat para pengunjung nyaman pada situs/web kalian tentu salah satu faktor pentingnya adalah kecepatan website saat diakses pada koneksi cepat hingga koneksi yang lamban sekalipun, website profesional tentu dituntut untuk responsif dalam memuat semua asset yang ada didalamnya.

Kalian dapat melakukan audit kecepatan website kalian melalui inspect element kemudian beralih ke tab Network untuk mengetahui berapa lama sebuah browser melakukan download / akses sebuah browser memproses tampilan website kamu.

2. Audit Web untuk mengukur Peforma Memori dan CPU

Selain tes kecepatan, dalam melakukan optimasi sebuah website tentu perlu kita lakukan juga audit pada penggunaan resource dari website yang kita kembangkan saat ini.

3. Debugging Javascript

Kalian dapat melakukan Debugging Javascript dengan Inspect Element untuk melihat error code yang ada pada file javascript website kalian.

4.Check Tampilan Responsif

Check tampilan website kalian apakah sudah responsif pada device mobile, atau pada perangkat yang memiliki layar dengan resolusi terntu.

Diatas adalah beberapa kegunaan dari Inspect Element, ternyata banyak sekali kegunaan dari Inspect Element yang dapat kalian gunakan dikegiatan pengembangan sebuah website, nah bagaimana sih caranya untuk melakukan Inspect Element, apakah butuh Tools atau ekstensi tambahan?

Cara Melakukan Inspect Element

Kalian dapat melakukan Inspect Element pada beberapa browser yang mungkin juga kalian gunakan saat ini :

1.Inspect Element pada Google Chrome

Untuk melakukan inspect element pada Google Chrome kalian cukup melakukan, klik titik tiga pada pojok atas browser Google Chrome, kemudian klik More Tools, dan Pilih Developer Tools, atau kalian dapat menggunakan shortcut Ctrl + Shift + i 

2.  Inspect Element pada Mozilla Firefox

Untuk melakukan Inspect Element sebuah halaman website menggunakan Firefox sangatlah mudah kalian cukup melakukan akses pada laman web yang ingin kalian Inspect Element kemudian klik kanan lalu pilih Inspect Element (Q).

3.Inspect Element pada Android Chromed

Untuk melakukan inspect element memnggunakan chrome sangatlah mudah walaupun sangat terbatas fungsi dan fiturnya, namun kalian tetap dapat melihat baris kode yang ada pada suatu website dengan menambahkan view-source: pada url website yang akan kalian check. 

Sebagai contoh pada laman Hostingan . kalian cukup mengakses web hostingan.id kemudian tambahkan view-source tadi menjadi: View-source:https://hostingan.id , maka secara otomatis browser kalian akan menunjukan baris kode yang ada pada halaman Hostingan.

Mungkin itu saja Artikel Mengenal Inspect Element dan Cara Menggunakannya pada kali ini, jika ada yang ingin teman-teman Hostingan tanyakan seputar artikel ini, silahkan meninggalkan pertanyaan tsb pada kolom komentar dibawah ini, Terima kasih.