Senin, 18 Juni 2018

4 Fungsi Penting dari Inspect Element

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)

 

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

 

Responsive Design Mode

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

Debugging javascript

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 

Kita juga bisa melihat kecepatan loading website kita, anda bisa melihat fitur ini pada tab network.

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.

Artikel Terkait

Blogger, PHP Programmer, Web Clonner :v