Cara Inspect Element di HP Android, Begini Petunjuknya

Ilustrasi cara inspect element di HP. Foto: Unsplash/Freestocks

Cara 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.

Baca Juga

Cara Membuat Landing Page, Ini Hal yang Harus Diperhatikan

Apa Itu Inspect Element?

Ilustrasi cara inspect element di HP. Foto: Unsplash

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

Ilustrasi cara inspect element di HP. Foto: Unsplash.com/UX Design

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)