Pernahkah kamu melihat website yang keren dan ingin tahu bagaimana cara membuatnya?
Atau mungkin kamu menemukan bug pada website dan ingin membantu memperbaikinya? Di sinilah Inspect Element berperan!
Inspect Element adalah alat yang memungkinkan kamu untuk melihat dan memanipulasi kode HTML, CSS, dan JavaScript di balik sebuah website. Dengan Inspect Element, kamu bisa:
- Mempelajari cara kerja website: Lihat bagaimana elemen-elemen HTML dan CSS disusun untuk menghasilkan tampilan website.
- Menemukan bug: Temukan dan perbaiki bug yang menyebabkan website tidak berfungsi dengan baik.
- Melakukan perubahan sementara: Ubah elemen HTML dan CSS untuk melihat bagaimana perubahan tersebut memengaruhi tampilan website.
- Mengembangkan website: Pelajari cara kerja kode HTML, CSS, dan JavaScript dengan bereksperimen langsung di website.
Ingin tahu cara inspect element chrome di HP Android dan iPhone? Simak artikel ini untuk tahu langkah-langkahnya dengan mudah dan jelas.
Cara Edit Inspect Element Chrome Android
Berikut cara melihat edit inspect element lewat browser google chrome di hp android:
1. Jalankan Google Chrome di HP Android
2. Pergi ke website apapun
3. Pilih “tiga titik menu” di pojok kanan atas
4. Pilih icon “Bintang (Bookmark)”
5. Pilih “Edit”
6. Ubah Nama jadi “Inspect Element” pada bagian URL, Masukkan kode berikut:
Masukkan kode Java script inspect element berikut:
Javascript:(function () {
var script = document.createElement(‘script’);
script.src=”//cdn.jsdelivr.net/npm/eruda”;
document.body.appendChild(script);
script.onload = function () {
eruda.init()
}
})();
7. Kemudian “Simpan”
8. Sekarang cari Inspect Element (Bookmark Seluler)
9. Pilih logo di pojok kanan bawah
10. Setelah itu kamu bisa melihat edit Inspect Element di HP Android
Selain melalui Ponsel, untuk tampilan yang lebih besar kamu juga bisa inspect element Chrome di Laptop Windows atau Macbook.
Cara Inspect Element di HP Tanpa Aplikasi
Berikut cara edit inspect element di android tanpa aplikasi :
- Hidupkan HP Android.
- Selanjutnya jalankan aplikasi Browser Chrome versi terbaru.
- Kemudian buka link atau alamat situs web yang kalian tentukan.
- Lalu edit url atau link, dan tambahkan kata kunci view-source:
- Setelah itu tekan enter atau kunjungi link url yang sudah di edit tersebut.
- Nantinya kalian akan melihat tampilan source code dari website tersebut.
Cara Inspect Element di HP dengan Aplikasi Android
Berikut cara menggunakan fitur inspect element lewat aplikasi android :
- Hidupkan HP Android.
- Selanjutnya download dan install aplikasi Inspect and Edit HTML Live di Google Play Store.
- Jika sudah, jalankan aplikasinya.
- Berikutnya kalian kunjungi website apapun.
- Lalu pilih icon telunjuk di pojok kanan atas.
- Jika icon sudah berwarna biru, kalian bisa tap atau pilih area dimanapun pada halaman web.
- Setelah itu nantinya akan tampil source code dari halaman web, khusus pada bagian yang kalian pilih saja.
Cara Inspect Element di HP iPhone
Berikut ini caranya:
- Hidupkan HP iPhone.
- Buka website yang ingin kamu periksa di Safari.
- Tekan ikon Aa di pojok kiri atas > “Develop”.
- Pilih “Show Web Inspector”.
- Jendela Inspect Element akan terbuka di Mac yang terhubung dengan iPhone kamu.
Fungsi Inspect Element Chrome Android
Fitur Inspect Element yang terdapat pada suatu aplikasi browser, digunakan untuk mengintip isi kode sumber pada suatu halaman web, atau juga untuk menampilkan kode sumber seperti HTML dan CSS, pada bagian tertentu halaman web saja.
Untuk itu bagi kalian programmer atau developer, fitur ini pastinya sangat berguna untuk kalian belajar mengenali source code pada situs web.
Dengan fitur Inspect Element juga kita dapat mengedit kode sumber, pada tampilan halaman web seperti yang kita mau.
Tapi pastinya hasil editan dari Inspect Element, hanya dapat dilihat oleh kita saja, bukan orang lain apalagi pemilik website tersebut.
Fitur-Fitur Inspect Element:
- Elements: Lihat dan ubah kode HTML dan CSS website.
- Network: Lihat semua permintaan dan respons jaringan yang terjadi saat website dimuat.
- Sources: Lihat dan ubah kode JavaScript website.
- Console: Jalankan kode JavaScript dan lihat pesan error.
Apa itu “Inspect Element”?
“Inspect Element” merupakan salah satu fitur untuk pengembangan web, yang memungkinkan pengembang memeriksa dan memodifikasi HTML, CSS, dan JavaScript pada halaman web.
Fitur Ini tersedia di sebagian besar browser web modern, dan memberikan wawasan berharga tentang struktur dan tata letak situs web.
Fitur ini sangat berguna dalam proses debug, mengoptimalkan kinerja, dan memastikan pengalaman pengguna yang lancar.
Itulah dia artikel tentang bagaimana cara edit inspect element di google chrome android. Semoga bisa membantu untuk referensi kalian.
Inspect Element adalah alat yang sangat berguna bagi siapa saja yang ingin mempelajari cara kerja website, menemukan bug, dan melakukan perubahan pada website.
Dengan Inspect Element, kamu dapat menjelajahi dunia di balik layar website dan membuka berbagai kemungkinan baru.
