{"id":2504,"date":"2020-07-28T09:34:53","date_gmt":"2020-07-28T09:34:53","guid":{"rendered":"https:\/\/www.jetorbit.com\/panduan\/?p=2504"},"modified":"2023-11-06T13:18:33","modified_gmt":"2023-11-06T06:18:33","slug":"pengertian-fungsi-dan-cara-inspect-element","status":"publish","type":"post","link":"https:\/\/www.jetorbit.com\/panduan\/pengertian-fungsi-dan-cara-inspect-element\/","title":{"rendered":"Pengertian, Fungsi dan Cara Inspect Element di Halaman Website"},"content":{"rendered":"\n

Pengertian Inspect element<\/h3>\n\n\n\n

Inspect elemen adalah Fitur pada browser yang memudahkan pengembangan web untuk mengubah dan mengedit isi website. namun pengeditan ini hanya terjadi  di peramban browser saja tanpa mempengaruhi keadaan aslinya atau tidak mempengaruhi halaman asli web tersebut.<\/p>\n\n\n\n

Untuk lebih rincinya saya contokan seperti ini :<\/p>\n\n\n\n

Ketika anda mengakses website jetorbit.com<\/a> anda melakukan inspect element kemudian mengubah isi struktur kode pada website tersebut maka perubahan tersebut hanya terjadi pada browser anda, tidak terjadi di browser orang lain.<\/p>\n\n\n\n

Inspect Element dapat kita akses dengan klik kanan, kemudian memilih Inspect Element, atau bisa juga dengan menekan tombol F12,<\/code>pada keyboard.<\/p>\n\n\n\n

Kegunaan dan Fungsi Inspect element<\/h3>\n\n\n\n

Ada beberapa kegunaan dan Fungsi ketika kita melakukan inpect element dan berikut ini beberapa diantaranya  yang bisa saya simpulkan :<\/p>\n\n\n\n

1. Untuk Eskperimen CSS dan Html.<\/strong><\/p>\n\n\n\n

Kegunaan pertama adalah kita bisa memanfaatkan untuk tempat eksperimen CSS maupun html, jadi ketika kita Takut melakukan kesalahan pada struktur kode yang sudah jadi namun kita ingin mencoba-coba mengubah dan Mengganti kode maka anda bisa memanfaatkan Inspect element ini.<\/p>\n\n\n\n

2. Test Kecepatan Website.<\/strong><\/p>\n\n\n\n

Yang kedua yakni kita bisa melakukan uji kecepatan website, untuk melakukan uji kecepatan ini anda dapat Menggunakan fitur network.<\/p>\n\n\n\n

\"Pengertian,Fungsi<\/figure>\n\n\n\n

3. Debugging Java Script<\/strong><\/p>\n\n\n\n

Mungkin banyak Orang yang mengira belajar Javascript itu susah, karena terkadang kita Tidak tau jika terkadang Terdapat Error.<\/p>\n\n\n\n

Nah pada Inspect element ini kita bisa memanfaatkan fitur Console <\/strong>untuk debugging javascript.<\/p>\n\n\n\n

4.Mengambil Screenshoot<\/strong><\/p>\n\n\n\n

Khusus di Firefox, kita disediakan fitur untuk mengambil screenshot web. Caranya, klik kanan pada elemen yang Ingin di-screenshot, kemudian pilih Screenshot Node<\/em>.<\/p>\n\n\n\n

5. Dapat mengetahui jenis Font Website<\/strong><\/p>\n\n\n\n

Pernah gak sih kita tertarik dengan jenis font website orang lain ?<\/p>\n\n\n\n

Nah pada inspect element kita bisa mengetahui jenis font Website orang lain, untuk caranya Silahkan buka inspect Element kemudian masukan kode berikut pada Filter<\/em><\/p>\n\n\n\n

Font-family<\/pre>\n\n\n\n
Dan berikut hasilnya :<\/p>\n\n\n\n
\"Pengertian,Fungsi<\/figure>\n\n\n\n
Jadi website jetorbit menggunakan Font “leto” sans-serif<\/p>\n\n\n\n
Kesimpulan<\/h3>\n\n\n\n
Jadi Inspect Element adalah sebuah fitur dari web browser untuk melihat Struktur kode yang berada pada halaman Website tersebut. Dan biasanya digunakan untuk mencari kode yang rusak atau untuk meniru tampilan halaman Website yang dituju.<\/p>\n","protected":false},"excerpt":{"rendered":"
Pengertian Inspect element Inspect elemen adalah Fitur pada browser yang memudahkan pengembangan web untuk mengubah dan mengedit isi website. namun pengeditan ini hanya terjadi  di peramban browser saja tanpa mempengaruhi keadaan aslinya atau tidak mempengaruhi halaman asli web tersebut. Untuk lebih rincinya saya contokan seperti ini : Ketika anda mengakses website jetorbit.com anda melakukan inspect […]<\/p>\n","protected":false},"author":7,"featured_media":9378,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[215],"tags":[400,381,382],"class_list":["post-2504","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-internet","tag-fungsi-inspect-element","tag-inspect-element","tag-kegunaan-inspect-elemen"],"_links":{"self":[{"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/posts\/2504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/comments?post=2504"}],"version-history":[{"count":5,"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/posts\/2504\/revisions"}],"predecessor-version":[{"id":9379,"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/posts\/2504\/revisions\/9379"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/media\/9378"}],"wp:attachment":[{"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/media?parent=2504"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/categories?post=2504"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/tags?post=2504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}