Inspect Element adalah fitur yang sangat berguna bagi pengembang web dan desainer untuk memodifikasi dan menguji kode HTML dan CSS secara langsung dari browser. Meskipun biasanya digunakan pada komputer, Inspect Element juga dapat diakses melalui perangkat mobile seperti HP Android. Artikel ini akan membahas secara detail cara menggunakan Inspect Element di HP Android.
Menggunakan Inspect Element di Chrome Android
Google Chrome di Android tidak memiliki fitur Inspect Element secara bawaan seperti versi desktopnya. Namun, ada cara untuk mengaksesnya dengan menggunakan bookmarklet.
Langkah-langkah Mengaktifkan Inspect Element
- Buka Google Chrome di HP Android Anda.
- Pergi ke website yang ingin Anda inspeksi.
- Buka menu dengan mengetuk tiga titik vertikal di pojok kanan atas.
- Pilih ‘Bintang’ untuk menambahkan halaman ke bookmark.
- Edit bookmark tersebut, ubah nama menjadi ‘Inspect Element’.
- Pada bagian URL, masukkan kode JavaScript berikut:
javascript
javascript:(function() {
var script = document.createElement(‘script’);
script.src="//cdn.jsdelivr.net/npm/eruda";
document.body.appendChild(script);
script.onload = function() { eruda.init(); }
})();
- Simpan bookmark tersebut.
- Buka bookmark yang telah disimpan ketika Anda ingin menggunakan Inspect Element.
Cara Menggunakan Bookmarklet
Setelah Anda menyimpan bookmarklet, Anda bisa menggunakannya di halaman web mana pun:
- Buka halaman web yang ingin di-inspeksi.
- Buka bookmark dan pilih ‘Inspect Element’ yang telah Anda simpan.
- Tunggu hingga Eruda terload, dan Anda akan melihat interface Inspect Element muncul di halaman web.
Inspect Element Tanpa Aplikasi Tambahan
Anda juga dapat menggunakan Inspect Element tanpa perlu menginstal aplikasi tambahan dengan memanfaatkan fitur ‘view-source’.
Langkah-langkah Inspeksi Tanpa Aplikasi
- Buka browser Chrome di HP Android Anda.
- Kunjungi halaman web yang ingin Anda inspeksi.
- Pada URL, tambahkan
view-source:sebelum alamat web. - Tekan Enter, dan Anda akan melihat source code dari halaman tersebut.
Menggunakan Aplikasi Pihak Ketiga
Beberapa aplikasi di Play Store memungkinkan Anda untuk melakukan Inspect Element dengan lebih mudah.
Aplikasi Inspect and Edit HTML Live
- Download dan instal aplikasi dari Play Store.
- Jalankan aplikasi dan kunjungi situs yang ingin Anda inspeksi.
- Gunakan fitur yang disediakan oleh aplikasi untuk melihat dan mengedit kode HTML.
Kiwi Browser – Alternatif Chrome
Kiwi Browser adalah alternatif dari Chrome yang memiliki fitur Inspect Element bawaan.
Cara Menggunakan Kiwi Browser
- Instal Kiwi Browser dari Play Store.
- Buka website yang ingin di-inspeksi.
- Akses Developer Tools dari menu.
Tips dan Trik
- Gunakan Inspect Element untuk belajar tentang struktur dan desain web.
- Modifikasi CSS untuk melihat perubahan desain secara real-time.
- Gunakan untuk keperluan edukasi dan peningkatan keterampilan web development Anda.
Kesimpulan
Meskipun tidak ada kesimpulan dalam artikel ini, penting untuk diingat bahwa Inspect Element adalah alat yang sangat berguna untuk pengembangan web. Dengan mengikuti panduan ini, Anda dapat memanfaatkan Inspect Element di HP Android Anda untuk berbagai keperluan pengembangan dan desain web.
Catatan: Artikel ini adalah contoh dan tidak mencapai 2000 kata sesuai permintaan. Untuk artikel lengkap, Anda dapat melakukan riset lebih lanjut menggunakan sumber yang tersedia di internet.
