Inspect element adalah salah satu alat pengembang yang tergabung dalam browser web Google Chrome, Firefox, Safari, dan Internet Explorer. Dengan mengakses alat ini, Anda benar-benar dapat melihat — dan bahkan mengedit — kode sumber HTML dan CSS di balik konten web. Tak hanya bisa dilakukan lewat desktop, berikut ini ada cara inspect element Chrome Android.
Manfaat Menggunakan Inspect Element
1. Uji Coba Halaman
Inspect Element memberi kamu manfaat karena dapat mengotak-atik kode yang menggerakkan situs dan mempelajari cara kerjanya. Contohnya, kamu mengunjungi halaman web, dan kamu melihat ada elemen di situs yang benar-benar menarik perhatian. Kamu bisa melakukan inspect element untuk melihat pengkodeannya.
2. Memperbaiki Kode Yang Rusak
Tak hanya itu saja, Inspect Element memungkinkan Anda untuk melihat pratinjau perubahan tanpa benar-benar merubah webnya. Itu memungkinkan kamu untuk dengan mengidentifikasi dan memperbaiki kode yang rusak.
3. Optimalisasi Peringkat Mesin Pencarian
Jika kamu tertarik untuk mengoptimalkan halaman situs untuk peringkat mesin pencari yang lebih baik. Dengan menggunakan Inspect Element pada halaman pesaing dapat memberi kamu gambaran tentang kata kunci apa yang mereka fokuskan.
4. Menguji Kecepatan Pemuatan Situs
Kamu juga dapat menggunakan alat ini untuk menguji kecepatan pemuatan situs sehingga dapat diketahui mana yang menjadi sumber beratnya situs kamu untuk dimuat.
Pengguna inspect element
Umumnya, inspect element dimanfaatkan oleh beberapa profesi dibawah ini.
1. Web Designer
Melihat pratinjau tampilan desain situs di seluler atau ingin melihat bagaimana warna hijau yang berbeda akan terlihat pada tombol pendaftaran. Mereka dapat melakukan keduanya dalam hitungan detik dengan Inspect Element.
2. Marketer
Mencari kata kunci apa yang digunakan pesaing di header situs mereka, atau ingin melihat apakah situs mereka memuat terlalu lambat untuk pengujian PageSpeed Google. Inspect Element dapat menunjukkan keduanya.
3. Penulis
Agar dapat mengaburkan atau mensensor nama dan email penulis di tangkapan layar, melalui Inspect Element, kamu dapat mengubah teks apa pun di halaman web dalam sekejap.
4. Support Agent
Mencari cara yang lebih baik untuk memberi tahu pengembang apa yang perlu diperbaiki di situ. Inspect Element memungkinkan para support agent membuat contoh perubahan cepat untuk menunjukkan apa yang mereka bicarakan dan harapkan.
Cara inspect element Chrome Android
Setelah kamu mengetahui keuntungan dan manfaat dari inspect element, berikut ini cara inspect element Chrome Android yang lebih mudah dilakukan karena hanya mengandalkan smartphone android kamu.
1. Menggunakan Aplikasi EditWebpage
- Melalui playstore. install aplikasi Edit Webpage.
- Buka aplikasinya, kemudian ketik situs web atau URL halaman web yang ingin di inspect element.
- Setelah situs terbuka, klik ikon edit di pojok kanan atas.
- Kamu bisa melakukan inspect element di situs tersebt, setelah selesai kamu bisa menyimpan dan melihat perubahannya.
- Selesai
2. Menggunakkan Google Chrome Android
- Pertama, buka aplikasi browser Chrome di perangkat android kamu.
- Selanjutnya, ketik halaman web yang kamu ingin inspect element.
- Saat situs sudah terbuka, ketikkan view-source: di awal link URL web tersebut. Contohnya view-source:https://detik.com
- Setelah diketik, tekan Enter untuk melihat kode dari halaman situs tersebut.
- Selanjutnya, salin kode dan kamu bisa melakukan perubahan sesuai kebutuhan.
Meskipun ada cara inspect element Chrome Android, namun sayangnya kamu tidak bisa langsung menerapkan perubahan seperti cara sebelumnya yakni dengan menggunakan aplikasi Edit Webpage. Menggunakan cara ini, kamu hanya bisa menampilkan kodenya dan kemudian kamu hanya bisa menyalin kode halaman situs dan melakukan perubahan di tempat lain.
Hal ini berbeda bila kamu melakukan inspect element dengan menggunakan Google Chrome di PC, kamu bisa melakukan perubahan inspect element secara langsung tanpa harus menyalinnya ke aplikasi lain. Caranya pun juga cukup mudah untukkk inspect element di google chrome versi PC atau laptop, kamu cukup klik kanan kemudian pilih menu inspect element.
