4 Cara Inspect Element Di Hp Android

Cara inspect element di Hp android Pengguna PC dapat dengan mudah mengakses inspect element di web browser mereka. Lalu bagaimana jika menggunakan android? Bagaimana cara inspect element di HP android? Apakah bisa? Inspect Element adalah alat yang cukup bermanfaat yang biasanya terdapat di browser web.

Inspect Element mampu membantu anda untuk melihat kode dasar yang ada di dalam halaman web Jika kamu seorang pengembang web, mungkin akrab dengan Alat Pengembang yang ada di hampir semua browser web desktop modern. Toolkit ini berguna untuk membantu memecahkan masalah dan mengubah kode HTML, CSS, dan JavaScript 

Saat ini, ada lebih banyak pengguna smartphone dibandingkan dengan pengguna desktop, jadi sama pentingnya untuk menguji situs web pada berbagai elemen. Developer Tools yang dibangun ke dalam browser web desktop seperti Chrome memungkinkan untuk meniru berbagai layar ponsel dan agen pengguna.

Untuk melihat bagaimana situs web di render pada jenis layar dan faktor elemen tersebut. Untuk mensimulasikan perangkat apa pun di Chrome, tekan F12 dengan Chrome terbuka untuk membuka Developer Tools, lalu klik Toggle Device Toolbar dari sudut kiri atas jendela Alat Dev untuk menyalakan nya.

Lihat Juga: Game Berandal Sekolah Sudah Resmi Rilis 

Apa Itu Inspect Element?

Cara Inspect Element Di Hp Android

Cara inspect element di Hp android tidak seperti Chrome PC, Chrome Android tidak memiliki opsi Inspect Element, Web Inspector, atau Dev Tools di dalamnya. Tetapi kami memiliki solusi pihak ketiga yang dapat mengaktifkan fitur ini di Chrome dengan bantuan book market berbasis JavaScript, yang disebut Eruda.

1. Aplikasi Edit Webpage

Cara inspect element di Hp android pertama yaitu Edit Webpage adalah aplikasi yang mampu memberikan akses untuk mengedit halaman web melalui fitur inspect element. Aplikasi ini gratis dan cukup ringan karena ukurannya yang terbilang cukup kecil.

Berikut cara inspect element di hp android:

1. Buka playstore lalu install aplikasi Edit Webpage.
2. Jalankan aplikasinya, maka halaman google terbuka secara otomatis.
3. Ketik situs web atau URL halaman web yang ingin di inspect element.
4. Saat situs web sudah terbuka, tap ikon edit di pojok kanan atas.
5. Sekarang anda bisa melakukan perubahan di halaman web tersebut.
6. Setelah sudah melakukan perubahan yang diperlukan, tap sekali lagi ikon edit untuk menyimpan perubahan dari inspect element yang telah dilakukan.
7. Selesai.

Nah, setelah anda sudah berhasil mengetahui cara inspect element di android dan sudah mencoba merubah sebuah halaman web menggunakan aplikasi Edit Webpage.

2. Inspect Element di Google Chrome Android

Metode cara inspect element di Hp android yang satu ini anda tidak perlu memakai aplikasi tambahan. Anda cukup menggunakan google chrome yang pastinya selalu terdapat di semua perangkat android.

Ikuti langkah-langkah dibawah ini untuk mengetahui cara inspect element di google chrome HP:

1. Pertama, jalankan browser Chrome di perangkat android Anda.
2. Kemudian buka halaman web yang anda inginkan.
3. Saat sudah terbuka, tambahkan view-source: di awal link URL web.
4. Misalnya seperti view-source:https://eztekno.com
5. Tekan Enter untuk melihat kode dari halaman web tersebut.
6. Salin kode dan lakukan perubahan sesuai kebutuhan.

Namun, anda tidak dapat menerapkan perubahan langsung seperti pada metode sebelumnya menggunakan aplikasi Edit Webpage. Anda hanya dapat menyalin kode halaman web dan melakukan perubahan di tempat lain.

Tetapi jika anda menggunakan google chrome di PC, anda dapat melakukan perubahan inspect element secara langsung. Cara inspect element di google chrome juga sangat mudah, anda cukup klik kanan kemudian pilih menu inspect element.

3. Cara Inspect Element di Android dengan Komputer

Menggunakan komputer sebagai cara inspect element di Hp android mungkin lebih disukai, karena menampilkan layar yang lebih besar untuk digunakan. Jika ingin men-debug situs web kamu di komputer tetapi merender halaman web di perangkat Android asli, langkah-langkah berikut akan memandu kamu untuk melakukannya.

Langkah 1: Aktifkan USB Debugging di perangkat Android.

1. Pastikan opsi Pengembang diaktifkan. Untuk melakukan ini, buka aplikasi Pengaturan, gulir ke bawah dan periksa apakah opsi Pengembang tersedia. Jika tidak, buka About phone, dan ketuk Build Number 5 – 7 kali dengan cepat, hingga kamu melihat pesan You are now a developer ditampilkan di bagian bawah.
2. Buka Pengaturan >> Opsi pengembang, dan aktifkan USB Debugging.
3. Ketuk Izinkan di pop-up konfirmasi.

Langkah 2: Hubungkan perangkat Android ke PC Windows

1. Hubungkan ponsel ke komputer melalui USB.
2. Di ponsel, ketuk notifikasi sistem, dan ubah mode koneksi dari Pengisian ke Transfer File.
3. Ketuk Izinkan di ponsel untuk pop-up USB Debugging.

Langkah 3: Periksa Elemen di Android dari Komputer

1. Di komputer, buka Chrome dan navigasikan ke chrome://inspect.
2. Pada halaman yang terbuka, pada tab Perangkat, situs web yang dibuka pada perangkat Android yang terhubung akan terdaftar di bawah bagian Target Jarak Jauh.
3. Ketuk ikon periksa di bawah halaman terkait yang ingin dicek.

Alat Pengembang Chrome sekarang memungkinkan kamu memeriksa atau men-debug situs web dengan alat Inspect Element bawaan. Jadi, begitulah cara Inspect Element situs web langsung dari perangkat Android, serta menggunakan komputer.

Manfaat Inspect Element

Setelah bahas cara inspect element di Hp android, Selanjutanya kita bahas manfaatnya antara lain anda dapat mengubah tampilan situs web atau halaman web di perangkat anda. Selain itu, Inspect Element sangat berguna ketika anda ingin melihat desain sebuah halaman dari situs web. Anda juga dapat melihat apa saja kode css yang dipakai.

Bagaimana cara kerja javascript dalam situs web dan banyak lagi lainnya. Namun, kebanyakan orang-orang menggunakan Inspect Element untuk kesenangan saja. Misalnya pada halaman profil facebook anda dapat menggunakan inspect element untuk mengganti foto seseorang dengan foto lain.

Anda dapat menjahili teman-teman anda dengan cara Inspect Element di Android ini. Namun, pada dasarnya Inspect Element hanya berlaku untuk perangkat anda saja, dan ketika anda refresh atau memuat ulang halaman web tersebut, Inspect Element akan hilang dan halaman web berubah kembali ke awal semula.

Sekian artikel tentang bagaimana tutorial Inspect Element di Android. Anda dapat memilih diantara kedua metode di atas sesuai dengan kebutuhan anda. Anda dapat melakukan inspect element menggunakan aplikasi Edit Webpage atau inspect element mengunakan google chrome langsung di perangkat HP anda.

Penutup

Itulah cara inspect element di Hp android yang bisa kalian coba ya. Karena yang sudah paham bagian inspect elemen ini pasti terbantu dengan adanya informasi ini. Karena dengan mengetahui cara inspect element di Hp android kita bisa mendapat banyak keuntungan. Selamat mencoba dan terima kasih sudah membaca.