Berselancar di Internet bisa dibilang merupakan hal yang menyenangkan. Apalagi menelusuri di Internet hanya dengan menggunakan ponsel, yang mana kita bisa bebas melakukannya kapanpun dan dimanapun.
Bahkan kerap sekali kita menemukan hal-hal yang menarik dan bisa menjadi bahan atau referensi pembelajaran. Misalnya jika bizzie berkuliah atau sedang belajar membuat website, maka tentu perlu referensi bagaimana sumber gambar, kode javascript, code css, font yang digunakan, juga warna dan kode HTML lainnya.
Oleh sebab itu bizzie bisa mencoba mencari source code website orang lain hanya dengan fitur browser yaitu Inspect Element. Akan tetapi biasanya fitur Inspect Element orang bisa diketahui hanya melalui PC atau Laptop. Lalu seperti apakah cara inspect element di Android?
Inilah Cara Inspect Element di Android
Bagaimana cara inspect element di Android? Bagi Bizzie seorang blogger mungkin sudah tidak asing lagi dengan apa yang dimaksud dengan Inspect Element bukan? Bahkan tahu fungsi dan kegunaannya untuk apa sehingga cara inspect element di Android pasti sudah tidak asing lagi. Namun bagi yang belum paham, berikut beberapa penjelasannya.
Namun sekedar informasi tambahan, bahwa pada dasarnya Inspect Element ni adalah salah satu fitur Developers tool yang terdapat di browser yang memungkinkan para bizzie semua untuk mengubah dan mengedit tampilan website langsung dari browser.
Editing yang bizzie lakukan tersebut pun nantinya hanya berlaku di peramban browser yang digunakan.
1. Menggunakan Trik View-Source
Cara inspect element di Android pertama ini adalah dengan menggunakan trik view-source. Caranya mudah, yaitu:
· Pertama, bizzie bisa buka browser di HP. Kemudian bisa gunakan browser apa saja. Namun supaya nanti lebih maksimal, maka disarankan untuk bizzie bisa gunakan Chrome.
· Jika sudah, bisa buka website yang ingin bizzie inspect element untuk jadi referensi.
· Jika web yang ingin bizzie inspect element sudah terbuka, maka bisa lihat link url di atas, lalu tambahkan view-source di awal link URL web.
· Misalnya saja seperti view-source: https://androidponsel.com
· Jika sudah disisipkan view-source, maka selanjutnya silahkan klik Enter untuk membuka inspect element.
· Lalu nantinya di layar bizzie akan muncul source code atau inspect element dari website tersebut.
· Silahkan bizzie pilih source code yang dibutuhkan, dan selesai!
Akan tetapi cara ini meskipun cepat dan mudah, namun source code yang ditampilkan tidak rapi dan terkesan acak-acakan. Jadi jika bizzie ingin setidaknya source code lebih rapi, maka bisa gunakan cara inspect element di Android kedua ini dengan menggunakan aplikasi.
2. Aplikasi Inspect dan Edit HTML Live
Cara inspect element di Android dengan menggunakan aplikasi juga tidak terlalu sulit, dimana bizzie hanya perlu menyiapkan ruang memori untuk menginstall aplikasi Inspect and Edit HTML Live ini. Berikut caranya:
· Pertama, silahkan bizzie buka playstore sobat, kemudian silahkan cari dan install aplikasi Inspect and Edit HTML.
· Jika sudah, bizzie bisa jalankan Inspect and edit HTML Live, yang mana maka nantinya sobat akan masuk ke halaman google secara otomatis
· Selanjutnya pada kolom pencarian, maka bizzie bisa tulis situs web atau URL halaman web yang ingin sobat inspect element.
· Lalu situs web nantinya sudah terbuka, maka bizzie bisa klik ikon edit di pojok kanan atas layar.
· Maka selanjutnya nanti akan muncul tampilan source code yang lebih rapi daripada melalui cara pertama tadi.
· Kemudian bizzie bisa salin source code yang dibutuhkan di halaman web tersebut, dan selesai. Bizzie sudah berhasil menyalin source code untuk referensi website.
3. Cara Inspect Element di Chrome HP Android tanpa Aplikasi
· Pertama, silahkan bizzie salin kode javascript berikut di bawah.
· Selanjutnya buat bookmark baru di browser Chrome, dimana pada kolom alamat pastekan kode javascript tersebut. Kemudian beri nama bookmark Inspect Element saja.
· Lalu buka situs website yang ingin bizzie Inspect Element nya
· Setelah terbuka, silahkan kunjungi Bookmark baru yang bizzie buat dengan mengetik Inspect Element.
· Tunggulah hingga beberapa saat hingga muncul icon Developers tool yang ada di pojok kanan bawah. Silahkan klik saja icon tersebut untuk bisa membuka Inspect Element
Fungsi Inspect Element
Fitur Inspect Element yang ada pada suatu aplikasi browser, biasanya digunakan untuk mengintip isi kode sumber pada suatu halaman web, atau juga untuk menampilkan kode sumber seperti HTML dan CSS, di bagian tertentu halaman web saja.
Untuk itu bagi bizzie yang merupakan seorang programmer atau developer, maka fitur ini pastinya sangat berguna untuk kalian belajar mengenali source code pada situs web.
Dengan fitur Inspect Element ini pun maka kita dapat mengedit kode sumber, pada tampilan halaman web seperti yang kita mau. Tapi pastinya hasil editan dari Inspect Element ini, hanya dapat dilihat oleh kita saja, dan bukan orang lain apalagi pemilik website tersebut.
Demikianlah cara inspect element di Android yang mana memang cukup mudah bukan. Fitur Inspect Element antara Chrome PC dan Chrome Android pun sebenarnya juga sama sekali tidak ada perbedaan.
Semua script yang bisa diterapkan di versi desktop pun nyatanya bisa juga diterapkan di mobile dengan hanya bermodalkan Google Chrome HP Android. Bagaimana bizzie? Percaya kan sekarang jika Inspect Element bisa dilakukan juga di Android tanpa harus menggunakan aplikasi tambahan juga. Selamat mencoba.
