Tutorial

5 Cara Inspect Element Di Hp Android Dan Iphone

Cara Inspect Element Di Hp Andorid dan iPhone dapat dilakukan menggunakan 2 metode, yaitu tanpa aplikasi dan dengan menggunakan bantuan aplikasi pihak ketiga. Kedua metode ini memiliki langkah yang berbeda dan yang paling umum digunakan untuk Inspect Element yaitu melalui Google Chrome.

Alternatif lain cara inspect element yang akan memudahkan kamu untuk mengakses layanan secara otomatis, kamu bisa menggunakan aplikasi Inspect and Edit HTML Live atau Edit Webpage secara gratis.

Dengan kemampuan untuk melihat dan mengedit kode langsung di halaman web, kamu dapat dengan mudah memeriksa struktur HTML dan membantu pengembangan dalam debugging serta penyesuaian tampilan.

Apa Itu Inspect Element?

Inspect Element adalah fitur yang disediakan oleh browser web yang memungkinkan pengguna untuk melihat dan mengedit kode HTML, CSS, dan JavaScript dari halaman web yang sedang dibuka.

Fitur ini sangat berguna bagi pengembang web untuk memahami struktur web dan gaya halaman web, serta untuk menguji dan debug kode. Dengan Inspect Element, pengguna dapat melakukan hal-hal, seperti :

  • Melihat atribut dan properti dari element.
  • Mengubah ilai-nilai CSS untuk melihat dampaknya secara langsung.
  • Menemukan sumber dari masalah tampilan atau fungsi pada halaman web.

Cara Inspect Element Di Hp Tanpa Aplikasi

Cara Inspect Element Di Hp Tanpa Aplikasi
Cara Inspect Element Di Hp Tanpa Aplikasi

Apabila kamu ingin inspect element di hp tanpa aplikasi, ada beberapa metode yang bisa kamu lakukan dengan mudah, salah satunya dengan cara mengakses google chrome yang ada di perangkat handphone kamu.

Baca Juga :  Cara Membuat Reels di Instagram dengan Lirik 2024

Berikut beberapa cara inspect element di hp android dan iPhone tanpa aplikasi yang bisa kamu coba.

1. Melalui Google Chrome Android

Metode pertama sebagai cara inspect element di hp, yaitu dengan mengakses google chrome yang ada di perangkat Android kamu. Namun kamu tidak dapat menerapkan perubahan langsung, pasalnya kamu hanya dapat menyalin kode halaman web dan melakukan perubahan di tempat lain.

Adapun langkah-langkah cara inspect element di ponsel melalui google chrome, yaitu sebagai berikut.

  • Langkah pertama, jalankan browser Chrome di perangkat hp Android kamu.
  • Buka halaman web dan tambahkan view source melalui view-source:https://mocipay.com.
  • Lalu klik Enter atau Cari untuk melihat kode dari halaman web tersebut.
  • Salin kode dan lakukan perubahan sesuai kebutuhan.

2. Lewat Bookmark (Code / Script)

Inspect Element Melalui Bookmark
Inspect Element Melalui Bookmark

Bookmark halaman adalah sebuah tampilan untuk mempercepat pencarian tautan halaman tertentu. Agar proses Inspecr Element bisa dilakukan, maka perlu menambahkan beberapa script terlebih dahulu.

Ikuti langkah-langlah cara inspect element di smartphone tanpa aplikasi melalui Bookmark :

  • Akses akun Google kamu melalui hp.
  • Klik ikon Titik tiga di bagian kanan atas layar.
  • Lalu klik ikon Bintang atau Bookmark.
  • Download dan copy script Inspect Element.
  • Tempel atau paste kode ke kolom URL tersedia.
  • Pada adressbar, silahkan ketik dan pilih Inspect Element.
  • Klik tombol gerigi / Developer Tools yang ada di pojok kanan bawah.
  • Pilih menu Source untuk melihat kode HTML.

Cara Inspect Element Di Hp Menggunakan Aplikasi

Selain cara inspect element di hp tanpa aplikasi diatas, ada beberapa metode yang bisa kamu lakukan untuk mendaptkan kode Inspect Elemen dengan menggunakan aplikasi tambahan. Namun untuk melakukan metode ini, pastikan penyimpanan perangkat yang digunakan mencukupi.

Baca Juga :  3 Cara Mengembalikan Pulsa yang Salah Kirim

Adapun cara inspect element di handphone menggunakan aplikasi yang bisa kamu coba dengan mudah, yaitu sebagai berikut.

Aplikasi Inspect and Edit HTML Live

Inspact Element Lewat Aplikasi Inspect and Edit HTML Live
Inspact Element Lewat Aplikasi Inspect and Edit HTML Live

Cara inspect element di hp dapat dilakukan dengan menggunakan aplikasi Inspect and Edit HTML Live. Platrom ini akan menjadi solusi efektif bagi kamu, karena cukup mudah digunakan.

Untuk Inspect Element melalui aplikasi Inspect and Edit HTML Live, silahkan ikuti panduan dibawah ini.

  • Install atau Unduh aplikasi Inspect and Edit HTML Live lewat Play Store di posel.
  • Jalankan aplikasi dan buka website yang ingin di Inspect Element.
  • Klik ikon telunjuk di pojok kanan atas.
  • Jika ikon sudah berwarna biru, tab atau pilih area dimanapun pada halaman web. ‘
  • Nanti akan tampil source code dari halaman web.

Aplikasi Edit Webpage

Aplikasi lain sebagai cara inspect element di hp yang bisa kamu gunakan yaitu Edit Webpage. Platform ini memungkinkan pengguna mendapatkan akses untuk mengedit halaman web melalui fitur Inspect Element.

Berikut cara inspect element di hp Android menggunakan aplikasi Edit Webpage :

  • Download aplikasi Edit Webpage terlebih dahulu lewat play store.
  • Jalankan aplikasi dan halaman google akan terbuka secara otomatis.
  • Ketik situs web atau URL halaman web yang ingin di Inspect Element.
  • Jika situs sudah terbuka, tab ikon edit di pojok kanan atas.
  • Lakukan perubahan di halaman web.
  • Apabila sudah melakukan perubahan, tab ikon edit untuk menyimpan perubahan Inspect yang telah dilakukan.

Bagaimana Cara Menampilkan Inspect Element di Google Chrome Melalui PC?

Cara Menampilkan Inspect Element di Google Chrome Melalui PC
Cara Menampilkan Inspect Element di Google Chrome Melalui PC

Mengintip sebuah website dengan inspect element ini biasanya dilakukan seseorang untuk berlatif coding. Fungsi ini sangat berguna bagi pengembang web dan desainer, namun juga bisa dilakukan oleh pengguna biasa.

Baca Juga :  5 Penyebab Tidak Bisa Daftar Brimo : Wajib anda ketahui!

Bagi pengguna PC, Inspet element tentu lebih mudah dilakukan dan berbeda dengan cara inspect element di hp. Langsung saja ikuti langkah-langkah selengkapnya dibawah ini.

  • Silahkan buka peramban Google Chrome di komputer dan pastikan sudah menginstall.
  • Kunjungi halaman web yang ingin di inspeksi.
  • Buka Inspect Element, gunakan pintasan keyboard dengan menekan F12 atau Ctrl+Shift+I (Cmd+Option+I) di Mac untuk membuka Inspect Elemen.
  • Lalu klik kanan pada halaman web dan pilih opsi Inspect / Inspect Element.
  • Otomatis akan muncul panel terpisah dan akan tampil tab yang memungkinkan kamu untuk mengakses dan mengedit kode HTML, CSS, dan JavaScript, serta alat-alat lain.
  • Untuk menggunakan Inspact Element, klik pada element halaman web yang ingin di inspeksi.
  • Ini akan menyorot kode HTML yang berkaitan dengan element tersebut di panel Inspect element di panel Inspect element.
  • Klik dua kali pada kode HTML untuk mengedit teks atau mengubah atribut.
  • Pada tab Elements, kamu juga bisa mengeksplorasi struktur halaman web dan mengubah element yang ada.

Apabila ingin menutup panel Inspect Element, langkah caranya sama seperti menutup software pada umumnya, sehingga kamu tidak perlu khawatir untuk mengakses kembali chrome yang ada di PC komputer kamu.

Artikel Menarik Lainnya : 9 Cara Membuat BOT Whatsapp Tanpa Aplikasi Terbaru 

Akhir Kata

Cara Inspect Element Di Hp Android Dan Iphone
Cara Inspect Element Di Hp Android Dan Iphone

Beberapa cara Inspect element di handphone yang telah direkomendasikan diatas dapat kamu gunakan dengan mudah.Perlu dicatat, untuk melakukan Inspect Element di ponsel, kamu perlu menggunakan browser web yang mendukung fitur ini, seperti Google Chrome. Semoga informasi ini bermanfaat dan sampai bertemu di informasi selanjutnya. Selamat Mencoba!

Back to top button