- WhatsApp : (+62) 8777-739-2959
- Support : Kirim Ticket
- Sales : Kirim Ticket
- Pembayaran : Kirim Ticket
- Informasi
- Jun 20
Mengenal Inspect Element dan Cara Menggunakannya
Artikel kali ini akan mengupas tentang Inspect Element yang mungkin hanya digunakan teman-teman Hostingan untuk iseng-iseng dalam merubah tampilan sebuah web hingga merubah cuitan twitter dari artis yang di idolakan hingga aktivitas iseng lainya. Nah tahukah kalian ternyata Inspect Element punya banyak sekali fitur yang dapat kalian gunakan untuk keperluan membangun hingga melakukan audit sebuah website? Yuk, kita simak artikel kami kali ini.
Apa itu Inspect Element?
Inspect Element adalah salah satu fitur dari browser yang memungkinkan Kalian untuk memeriksa Kode HTML dan CSS pada suatu website, yang artinya kalian dapat mengetahui jenis font, ikon yang digunakan hingga lainnya yang ada pada website.
Inspect element juga menjadi senjata andalan bagi para pengembang website untuk memperbaiki bug pada website dengan melakukan check error pada bagian mana saja saat website dimuat, hingga melakukan check tampilan pada website tertentu yang akan mereka terapkan ke project web mereka.
Penggunaan Inspect Element
Kalian dapat menggunakan Inspect Element untuk beberapa hal berikut;
1.Tes Kecepatan Website
Mengoptimalkan kecepatan website adalah bagian yang sangat penting pada sebuah web, untuk membuat para pengunjung nyaman pada situs/web kalian tentu salah satu faktor pentingnya adalah kecepatan website saat diakses pada koneksi cepat hingga koneksi yang lamban sekalipun, website profesional tentu dituntut untuk responsif dalam memuat semua asset yang ada didalamnya.
Kalian dapat melakukan audit kecepatan website kalian melalui inspect element kemudian beralih ke tab Network untuk mengetahui berapa lama sebuah browser melakukan download / akses sebuah browser memproses tampilan website kamu.
2. Audit Web untuk mengukur Peforma Memori dan CPU
Selain tes kecepatan, dalam melakukan optimasi sebuah website tentu perlu kita lakukan juga audit pada penggunaan resource dari website yang kita kembangkan saat ini.
3. Debugging Javascript
Kalian dapat melakukan Debugging Javascript dengan Inspect Element untuk melihat error code yang ada pada file javascript website kalian.
4.Check Tampilan Responsif
Check tampilan website kalian apakah sudah responsif pada device mobile, atau pada perangkat yang memiliki layar dengan resolusi terntu.
Diatas adalah beberapa kegunaan dari Inspect Element, ternyata banyak sekali kegunaan dari Inspect Element yang dapat kalian gunakan dikegiatan pengembangan sebuah website, nah bagaimana sih caranya untuk melakukan Inspect Element, apakah butuh Tools atau ekstensi tambahan?
Cara Melakukan Inspect Element
Kalian dapat melakukan Inspect Element pada beberapa browser yang mungkin juga kalian gunakan saat ini :
1.Inspect Element pada Google Chrome
Untuk melakukan inspect element pada Google Chrome kalian cukup melakukan, klik titik tiga pada pojok atas browser Google Chrome, kemudian klik More Tools, dan Pilih Developer Tools, atau kalian dapat menggunakan shortcut Ctrl + Shift + i
2. Inspect Element pada Mozilla Firefox
Untuk melakukan Inspect Element sebuah halaman website menggunakan Firefox sangatlah mudah kalian cukup melakukan akses pada laman web yang ingin kalian Inspect Element kemudian klik kanan lalu pilih Inspect Element (Q).
3.Inspect Element pada Android Chromed
Untuk melakukan inspect element memnggunakan chrome sangatlah mudah walaupun sangat terbatas fungsi dan fiturnya, namun kalian tetap dapat melihat baris kode yang ada pada suatu website dengan menambahkan view-source: pada url website yang akan kalian check.
Sebagai contoh pada laman Hostingan . kalian cukup mengakses web hostingan.id kemudian tambahkan view-source tadi menjadi: View-source:https://hostingan.id , maka secara otomatis browser kalian akan menunjukan baris kode yang ada pada halaman Hostingan.
Mungkin itu saja Artikel Mengenal Inspect Element dan Cara Menggunakannya pada kali ini, jika ada yang ingin teman-teman Hostingan tanyakan seputar artikel ini, silahkan meninggalkan pertanyaan tsb pada kolom komentar dibawah ini, Terima kasih.
Related Posts
Kumpulan Situs Freelance Cuan Terbaik 2023
Hostingan.id. Ada banyak situs freelance Indonesia maupun luar negeri yang dapat dicoba untuk membantu kamu mencari pekerjaan sesuai skill dan minat. Memang, sebagai seorang freelancer, terkadang kamu harus selalu giat mencari penawaran,pastinya ini bisa jadi…
- Mar 18
Kumpulan Situs Freelance Cuan Terbaik 2022
Hostingan.id. Ada banyak situs freelance Indonesia maupun luar negeri yang dapat dicoba untuk membantu kamu mencari pekerjaan sesuai skill dan minat. Memang, sebagai seorang freelancer, terkadang kamu harus selalu giat mencari penawaran, pastinya ini bisa…
- Mar 18
Latest Post
Apa Itu DDoS? Dampak dan Cara Atasi
- April 23, 2024
Apa Itu Skimming? Dampak dan Pencegahannya
- April 22, 2024
Apa Itu Virus Worms? Cara Hindari dan Atasi
- April 20, 2024
Apa Itu Virus Trojan Horses? Cara Hindari dan Atasi
- April 19, 2024
Komentar Terbaru
- M Iqbal Hidayatullah on Memasang Watermark Pada Gambar Secara Otomatis di WordPress
- M Iqbal Hidayatullah on Membuat Artikel Masuk Dalam Halaman Pertama Google
- M Iqbal Hidayatullah on Cara Upload Gambar WebP di WordPress Tanpa Plugin
- M Iqbal Hidayatullah on Cara Menghapus Backlink Website Dengan Google Disavow Link
- M Iqbal Hidayatullah on Cara Menghapus Backlink Website Dengan Google Disavow Link