cara inspect element Chrome Android

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

  1. Melalui playstore. install aplikasi Edit Webpage.
  2. Buka aplikasinya, kemudian ketik situs web atau URL halaman web yang ingin di inspect element.
  3. Setelah situs terbuka, klik ikon edit di pojok kanan atas.
  4. Kamu bisa melakukan inspect element di situs tersebt, setelah selesai kamu bisa menyimpan dan melihat perubahannya.
  5. Selesai

2. Menggunakkan Google Chrome Android

  1. Pertama, buka aplikasi browser Chrome di perangkat android kamu.
  2. Selanjutnya, ketik halaman web yang kamu ingin inspect element.
  3. Saat situs sudah terbuka, ketikkan view-source: di awal link URL web tersebut. Contohnya  view-source:https://detik.com
  4. Setelah diketik, tekan Enter untuk melihat kode dari halaman situs tersebut.
  5. 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.