Fungsi Inspect Mode Dalam Web Browser

Ketika kita melaksanakan klik kanan pada halaman web diantara list hidangan yang muncul maka akan ada pilihan "Inspect". Hampir setiap browser kini mempunyai fungsi ini. Bagian Inspect Mode merupakan bab dari Web Development Tools yang memungkinkan untuk mengubah tampilan web atau debug secara sementara hingga halaman tersebut di refresh / reload. Fitur ini memungkinkan pengembang web melaksanakan pengujian HTML, DOM, CSS, Javascript dan hal lain yang bekerjasama dengan tekhnologi web. Singkatnya seorang web designer akan menguji tampilan hingga serasa cocok, dan lalu diterapkan di halaman source code orisinil miliknya.

Sebagai teladan kalau kita ingin merubah tampilan dari suatu DIV block yang memakai Style CSS, kita hanya perlu meng-klik kanan pada area DIV yang di maksud dan pilih Inpsect. Maka Jendela gres akan muncul di ikuti dengan tampilan HTML dan kolom Stylesheet CSS. Jika kita melaksanakan klik kanan pada bab HTML maka akan ada pilihan lain ibarat "Edit HTML" yang memungkinkan kita mengubah tampilan halaman yang memakai code HTML tersebut.

Dalam perkembangannya, Web designer telah di mudahkan dengan adanya fitur ini, semisal kita meng inspect suatu elemen yang mempunyai warna background maka di kolom style tersebut sudah tergenerate sample warna dari hex code untuk warna yang digunakan, dan kalau kita meng-klik pada warna tersebut akan muncul color picker sebagai pilihan warna lain yang akan kita gunakan.

Inspect Mode di Firefox

Browser ternama juga menyertakan Debug tampilan untuk web versi mobile, dengan menekan tombol CTRL + SHIF + M yang tidak lain yaitu Responsive mode. Dengan itu kita dapat tahu bagaimana tampilan web kita saat dibuka di layar atau ponsel yang mempunyai ukuran layar tertentu. Ini alasannya layar yang di gunakan user berbeda beda. Biasanya yang niscaya ada ialah tampilan Simulator untuk device Ipad, Iphone, dan Android.

Inspect Mode di Opera Chromium Engine

Berbagi :