Inspect Element di HP Android dengan dan Tanpa Aplikasi Lain

Ilustrasi cara inspect element di HP Android. Foto: Unsplash.

Inspect element bisa dilakukan dengan mudah di komputer. Namun, bagaimana cara inspect element di HP Android yang merupakan salag satu sistem populer dan banyak digunakan masyarakat?

Inspect elemet merupakan alat yang digunakan pengembang situs web. Bagi orang awam mungkin hal ini terdengar kurang familier.

Karena itu, artikel How To Tekno ini akan memuat apa itu inspect element dan cara melakukannya di HP Android. Berikut pemaparan lengkapnya.

Apa Itu Inspect Element?

Ilustrasi inspect element di HP Android. Foto: Pixabay.

Mengutip laman Saucelab, inspect element adalah alat pengembang yang dibangun di peramban web seperti Google Chrome, Safari, Firefox, dan Microsoft Edge.

Dengan alat tersebut, pengembang bisa mengubah komponen User Interface suatu source code seperti HTML, CSS, dan JavaScript pada suatu situs web.

Dengan alat ini, kamu dapat mengedit kode sumber situs web untuk melihat perubahan secara real time, tanpa membuat modifikasi permanen pada situs web tersebut.

Di samping itu, inspect element bermanfaat untuk memastikan bahwa website yang dibuat bisa terlihat dan berfungsi sebagaimana konsep yang sudah dirancang pada perangkat, peramban, dan sistem operasi yang berbeda.

Pengembang juga menggunakan alat ini untuk menguji kecepatan web saat dibuka dan mengukur kinerja memori dan CPU yang dipakai.

Cara Inspect Element di HP Android

Ilustrasi cara inspect element di HP Android. Foto: Unsplash.

Inspect element sangat penting dilakukan di HP Android mengingat sistem operasi ini paling populer dan menguasai 71% pangsa pasar ponsel pintar global. Dirangkum dari laman Regendus, ada berbagai cara inspect element di HP Android, di antaranya sebagai berikut:

1. Menggunakan alat pengembang yang tersedia di Chrome

Google Chrome merupakan salah satu peramban yang ada di setiap perangkat Android. Kamu bisa mengikuti langkah-langkah ini untuk melakukan inspeksi:

Buka aplikasi Google Chrome yang terinstal pada perangkat Android.
Buka halaman web yang ingin kamu lihat.
Selanjutnya tambahkan ‘View Souce’ di awalan tautan halaman tersebut. Contohnya view-source: https://www.kumparan.com.
Selanjutnya tekan Enter agar kamu bisa melihat kode dari laman situs web tersebut.
Setelah itu, salin kode situs web tersebut untuk melakukan perubahan sesuai kebutuhan.
Perlu diingat, pengguna tidak bisa menerapkan perubahan secara langsung. Kamu hanya dapat menyalin kode situs tersebut dan membuat perubahan di tempat lain.

2. Menggunakan Aplikasi Edit Website App

Edit Website App. Foto: Regendus.

Metode selanjutnya ialah dengan aplikasi Edit Website App. Aplikasi ini bisa diunduh dan dipasang dengan mudah melalui Google Play Store. Berikut langkah-langkahnya secara umum:

Unduh aplikasi edit situs web di Google Play Store.
Buka aplikasi tersebut dan secara default akan muncul ke halaman Google.
Ketik situs web atau kunjungi tautuan web yang ingin diperiksa.
Saat situs tersebut dibuka, ketuk ikon Edit agar kamu bisa membuat perubahan yang diinginkan.
Setelah selesai, simpan perubahan situs web tersebut dari element yang dibuat.

3. Menggunakan Aplikasi HTML Viewer APP

HTML Viewer App. Foto: Regendus

Aplikasi ini juga bisa diunduh secara gratis dan mudah di Google Play Store. Adapun langkah-langkah menggunakannya, yaitu:

Buka aplikasi HTML Viewer App yang terpasang di HP Android.
Kunjungi situs yang ingin di-inspect elementnya.
Klik View Source untuk melihat elemen dari sebuah situs.
Kini kamu bisa memeriksa elemen situs tersebut di HP Android dengan mudah.
Selesai.

Demikian cara inspect element di HP Android dengan dan tanpa aplikasi tambahan. Melalui langkah-langkah di atas, pengembang pemula bisa belajar mengenali sebuah source code pada situs web.

(IPT)

Frequently Asked Question Section

Apa itu inspeksi elemen?

Inspect element adalah alat pengembang yang dibangun di peramban web seperti Google Chrome, Safari, Firefox, dan Microsoft Edge.

Apa tujuan inspeksi elemen?

Ini memungkinkan pengguna untuk men-debug komponen UI situs web dalam suatu source code termasuk HTML, CSS, dan JavaScript.

Apa manfaat inspeksi elemen?

Untuk memastikan bahwa situs web yang dibuat bisa terlihat dan berfungsi sebagaimana konsep yang dibuat pada perangkat, peramban, dan sistem operasi yang berbeda.