Apa itu Inspect Element Tool dan bagaimana penggunaanya ?
Hai Sob.. Apakah kalian tahu bahwa sebenarnya ada cara / metode yang bersembunyi di browser kita yaitu Inspect Element tool Loh ?
Jika Sobat tertarik untuk menjadi Web Designer, pasti sudah pernah dengar inspect element tool ini. Tapi jika belum pernah mendengar tentang metode ini sebelumnya, Tenang jangan khawatir ya!
Di artikel kali ini saya akan membahas tentang inspect element dan bagaimana cara menggunakannya. Untuk itu, Jadi yuk simak ulasan ini sob!
Apa itu Inspect Element Tool ?
Kamu bisa memanfaatkan fitur Inspect Element untuk menampilkan source code HTML pada setiap halaman website yang sedang dibuka! biasanya digunakan di Browser Google Chrome yang memiliki segudang fitur yang dapat menunjang ketika kamu melakukan Inspect Element.
Selain membuka, kamu juga dapat mengedit tampilan tersebut secara lokal (tidak mempengaruhi website yang asli), menguji performa dari website terkait, menampilkan konsumsi memori dari website terkait, dll.
#1 CARA PERTAMA, MENGGUNAAKAN EXTENSI CHROME ?
- Cara pertama bisa menggunakan Extension Google Chrome
- Pertama pasang extension pada chrome - Inspect Element - Chrome Store
- Maka akan ada tampilan seperti dibawah ini sob :
- Instal ekstensi ini dari Toko Web Chrome - klik "Tambahkan ke Chrome"
- Muat ulang halaman pembuka. lalu Tahan Window-Key / Command-Key (default) dan gerakkan mouse Anda untuk memeriksa elemen.
- Buka browser Chrome.
- Buka halaman website yang kamu inginkan.
- Pada area kosong, klik kanan dan pilih Inspect. Atau kamu juga bisa menggunakan shortcut CTRL + SHIFT + I.
- Done.
- Akan muncul panel Inspect Element yang berisikan source code HTML dari halaman yang sedang kamu buka. Selanjutnya kamu bisa bereksperimen sesuai keinginan.
- Buka Browser chrome - pilih menu icon "Titik 3" pada pojok kanan atas - More tools - pilih Developer Tools.
- Maka akan muncul tampilan seperti dibawah ini.