Cara Inspect Element di HP Android, Begini Petunjuknya
How to tekno
·waktu baca 2 menit
Tulisan dari How To Tekno tidak mewakili pandangan dari redaksi kumparan
PerbesarCara inspect element di Android penting diketahui para pengembang agar mereka memahami elemen apa saja yang harus ada dan perlu diperbaiki, mengingat saat ini mangsa situs web sebagian besar adalah pengguna Android.
Inspect element banyak dilakukan saat pengembang situs web mengalamai masalah berupa adanya bug antarmuka (user interface). Dengan memeriksa elemen, pengembang bisa mengubah skrip HTML dan CSS tanpa harus melakukan perubahan besar.
Apa Itu Inspect Element?
Mengutip dari Saucelab, inspect elemet adalah alat pengembang yang dirancang di peramban situs web, seperti Chrome, Safari, Edge, dan lainnya.
Dengan alat tersebut, pengembang dapat mengetahui komponen antarmuka dari skrip yang digunakan, misalnya, menggunakan HTML, CSS, dan JavaScript.
Metode inspect element banyak dilakukan pengembang situs web agar bisa mengetahui kecepatan web apabila dibuka di berbagai perangkat seperti di HP Android.
Cara Inspect Element di HP Android
Ada beberapa cara inspect element di HP Android. Dirangkum dari laman BrowserStack, How To Tekno akan membagikan cara inspect element di HP Android secara runtut yang bisa diikuti pengembang situs web.
1. Lewat BrowserStack
Metode pertama untuk inspect element di HP Android bisa menggunakan BrowserStack. Ini adalah platform yang biasa digunakan untuk menguji situs web agar mengetahui antarmuka lewat berbagai perangkat dan peramban.
Kamu hanya perlu mengunjungi situs BrowserStack dan mendaftarkan akun untuk dapat memanfaatkan fitur-fiturnya. Berikut ini adalah fitur BrowserStack yang bisa digunakan untuk menguji situs web:
DevTools untuk memeriksa elemen situs web secara real time.
Fitur rotasi perangkat untuk melihat tampilan potrait atau lanskap situs web.
Pelaporan bug populer yang menyerang situs web, seperti Jira, Trello, dan Slack.
2. Menggunakan Developer Tools di Chrome atau Firefox
Chrome dan Firefox menghadirkan fitur Device Simulation pada DevTools mereka. Kamu bisa menggunakan alat tersebut untuk inspect element di HP.
Cara Inspect Element di HP Android Lewat DevTools Peramban
Berikut cara Inspect Element di HP Android lewat fitur DevTools peramban Chrome atau Firefox:
1. Buka Situs Web di Peramban
Buka situs web yang ingin kamu inspect element-nya lewat Firefox atau Chrome yang ada di laptop atau PC.
2. Masuk ke Fitur DevTools
Setelah itu, klik F12 untuk mulai membuka fitur DevTools. Jika sudah klik ikon berlogo perangkat ponsel.
3. Pilih Jenis Android yang Digunakan
Klik jenis Android yang ingin dilihat. Umumnya, peramban akan menghadirkan beberapa jenis seri Android populer.
4. Mulai Inspect Element
Pengembang bisa melaukan inspect element situs web apabila dilihat dari HP Android lewat desktop mereka.
Demikian cara inspect element di HP untuk melihat antarmuka situs web apabila dilihat dari ponsel. Semoga artikel ini bermanfaat!
(NSF)