{"id":498,"date":"2022-01-24T09:23:43","date_gmt":"2022-01-24T09:23:43","guid":{"rendered":"https:\/\/blog.hostinger.io\/id\/support\/2022\/01\/24\/2152545-bagaimana-cara-menginspeksi-elemen-website-di-hostinger\/"},"modified":"2022-01-24T09:23:43","modified_gmt":"2022-01-24T09:23:43","slug":"2152545-bagaimana-cara-menginspeksi-elemen-website-di-hostinger","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/id\/support\/2152545-bagaimana-cara-menginspeksi-elemen-website-di-hostinger\/","title":{"rendered":"Bagaimana Cara Menginspeksi Elemen Website di Hostinger?"},"content":{"rendered":"<p class=\"no-margin\">Untuk mengecek setiap elemen website, gunakan tool inspeksi elemen browser. Masing-masing browser memiliki proses yang berbeda dalam memperkenalkan tool inspeksi ini. Mari kita bahas satu per satu:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b>Google Chrome<\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">Klik kanan di area mana pun pada website dan pilih <b>Inspect<\/b>. Anda juga bisa memanfaatkan shortcut pada keybowrd, yakni <b>Ctrl+Shift+I.<\/b><\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Jika Anda ingin melihat catatan error, pilih tab <b>Console<\/b> dan mulailah mendeteksi. Sebagai contoh, peringatan akan <b>mixed content<\/b>:<\/p><p class=\"no-margin\">\n<\/p><ul>\n<li>\n<p class=\"no-margin\"><b>Firefox<\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">Sekali lagi, klik kanan di area website mana saja dan pilih <b>Inspect Element<\/b>. Anda juga bisa memanfaatkan shortcut pada keyboard, yaitu <b>Ctrl+Shift+I.<\/b><\/p><ul>\n<li>\n<p class=\"no-margin\"><b>Opera<\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">Gunakan shortcut pada keyboard, <b>Ctrl+Shift+I<\/b>, atau pilih <b>Inspect Element<\/b> dari menu dengan mengklik kanan di elemen apa pun pada halaman situs.<\/p><ul>\n<li>\n<p class=\"no-margin\"><b>Internet Explorer<\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">Sekali lagi, klik kanan pada halaman situs dan pilih <b>Inspect Element<\/b> atau tekan <b>F12<\/b> pada keyboard.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">&#8203;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Menginspeksi elemen website melalui browser yang berbeda<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[155],"tags":[],"class_list":["post-498","post","type-post","status-publish","format-standard","hentry","category-mengatasi-error-website"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/2152545-how-to-inspect-website-elements-in-your-browser-at-hostinger\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/2152545-como-inspeccionar-los-elementos-de-un-sitio-web-en-hostinger\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/2152545-comment-inspecter-les-elements-du-site-web-chez-hostinger\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/2152545-bagaimana-cara-menginspeksi-elemen-website-di-hostinger\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/2152545-como-inspecionar-elementos-de-um-site-no-hostinger\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/comments?post=498"}],"version-history":[{"count":0,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/498\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/media?parent=498"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/categories?post=498"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/tags?post=498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}