4 Fungsi Penting dari Inspect Element
Apa itu inspect element? Inspect element merupakan fitur yang ada pada browser yang dibuat untuk memudahkan mengembangkan sebuah web.
Cara menggunakan inspect element sangat mudah, klik kanan lalu pilih inspect element, atau bisa juga dengan cara menekan tombol F12 atau Ctrl + Shift + k atau Ctrl + Shift + i pada keyboard, tergantung pada browsernya.
Ada beberapa fungsi penting yang dimiliki inspect element untuk web developer antara lain sebagai berikut.
1. Melihat Struktur Kode Suatu Website (Inspector)
Ini adalah fungsi yang paling penting dari inspect element untuk membantu web developer. Pada menu inspector ini melihat, merubah, dan menghapus kode HTML/CSS yang ada pada website tersebut. Tapi saat halaman web itu di reload/refresh maka kode akan kembali seperti semula. Selain itu inspector juga bisa melihat kode warna HEX, dan bisa juga melihat nama font yang dipakai pada web tersebut.
2. Pengujian Responsive Design Suatu Website
Untuk menguji design responsive suatu web kita tidak perlu menggunakan perangkat lain lagi untuk mengujinya. Kita hanya perlu mengaktifkan fitur responsive design mode pada inspect element. Berikut adalah cara menggunakan fitur responsive design mode.
Bisa dengan cara menekan tombol CTRL + SHIFT + M pada keyboard.
atau
Bisa juga dengan cara membuka inspect element, lalu klik icon device.
3. Javascript Debugger
Debug javascript bisa kita lihat pada tab Console di inspect element untuk melihat apakah terdapat kode javascript yang error pada website.
4. Melihat kecepatan meload sebuah website
nahh itulah 4 Fungsi Penting dari Inspect Element. Sebenarnya masih banyak fungsi dari inspect element ini, namun 4 hal inilah yang paling sering digunakan. jika anda adalah seorang web developer pasti sudah terbiasa menggunakan fitur ini. sekian dari artikel kali ini, semoga bisa bermanfaat.