Senin, 21 Juni 2021

Cara Inspect Element di Google Chrome Android

Cara Inspect Element di Google Chrome Android

Cara Inspect Element di Google Chrome Android

Bagi yang sering terjun ke dalam dunia perkodingan pasti tidak asing lagi dengan yang namanya inspect element. Fitur inspect element merupakan fitur dari browser yang berguna untuk melihat kode dari website.

Cara melihat inspect element sendiri pada umumnya cukup dengan klik kanan lalu pilih inspect element atau dengan menekan tombol F12 pada laptop atau komputer kamu. Namun bagaimana jika menggunakan HP Android? Ternyata tidak hanya bisa dilakukan lewat laptop atau komputer saja, berikut panduan cara melihat inspect element di android.


Manfaat Inspect Element


Sedikit pembahasan tentang manfaat dari inspect element yaitu untuk mengetahui atau bereksperimen dengan kode dari website yang bersangkutan seperti misal:

  1. Menguji keresponsifan website.
  2. Melihat kecepatan website.
  3. Debugging javascript.
  4. Tempat audit website.
  5. Tempat eksperimen CSS.
  6. Dan lain sebagainya.

Masih ada banyak manfaat lainnya yang mungkin belum disebutkan dan ini membuktikan bahwa fitur inspect element sangat bermanfaat bagi sebagian orang.


Cara Inspect Element Google Chrome di Android


#1. Inspect and Edit HTML


Cara yang pertama kamu bisa menggunakan aplikasi yang dikembangkan oleh DEHA untuk melihat inspect element chrome dari Android. 

Berikut panduanya:

  • Pertama silahkan instal aplikasi Inspect and Edit HTML Live dari playstore atau melalui tautan berikut Inspect and Edit HTML Live.


  • Setelah selesai terinstal, kamu cukup membuka aplikasi tersebut. Lalu masukkan alamat website yang ingin kamu inspect element.

  • Untuk mengaktifkan Inspect Element, ketuk Ikon Kursor Tangan yang berada di bagian atas lalu ketuk ke salah satu tempat yang ingin kamu lihat elementnya. 


  • Misal di sini saya arahkan ke header website ini dan hasilnya berikut.


  • Selesai. Selebihnya tinggal kamu gunakan sesuai kebutuhan.


#2. Chrome


Selain menggunakan aplikasi, kamu juga bisa menggunakan inspect element langsung melalui chrome website tanpa harus menginstal aplikasi. 

Berikut langkahnya:

  • Pertama buka aplikasi google chrome lalu buka website yang ingin di inspect element.

  • Lalu tambahkan kode view-source: di belakang url halaman website tersebut. Misalnya seperti ini view-source:https://odebery.com lalu klik enter.


  • Dan berikut hasilnya.


Tentu cara yang kedua ini kurang efektif menurut saya karena tidak bisa mengedit dan bereksperimen seperti cara sebelumnya.

Baca juga: Cara menghilangkan iklan di chrome yang mengganggu.

Pastikan kamu menggunakan browser google chrome ya, untuk edit inspect element. Karena google chrome merupakan browser yang paling support untuk masalah beginian. Itulah Cara Inspect Element Chrome. Semoga bermanfaat.
Add Comments


EmoticonEmoticon