Cara Inspect Element di Chrome

Cara Inspect Element Chrome Android dan PC – Bagi Anda pengguna media sosial terutama yang hobi membaca artikel serta tulisan dari berbagai macam sumber seperti forum, medium hingga blog, saya yakin masih banyak diantara Anda yang belum mengetahui jika sebenarnya kita juga bisa merubah tampilan website yang sedang dibaca secara bebas sesuai keinginan kita dengan menggunakan bantuan IE (Inspect Element) melalui aplikasi browser yang sedang digunakan.

Meskipun belum banyak diketahui oleh orang-orang, namun ternyata fitur Inspect Elemen ini juga sudah lama dimiliki oleh beberapa jenis aplikasi browser terbaru yang ada di HP android, Mac dan PC Komputer, seperti contohnya Google Chrome, Safari hingga Mozilla Firefox.

Selain itu banyak juga pengguna yang sering memanfaatkan fitur ini sebagai media pembelajaran untuk melakukan kostumisasi tampilan pada sebuah web tertentu, bahkan beberapa developer proffesional juga sangat membutuhkan fitur Inspect element ini untuk digunakan sebagai alat debugging dan lain sebagainya.

Oleh sebab itu bagi Anda yang penasaran dan ingin mencoba cara membuka inspect elemen di browser Chrome untuk digunakan sebagai alat belajar komponen HTML pada sebuah website, maka Anda tidak perlu hawatir karena cara edit dan save saat proses inspect tersebut juga sangat mudah dilakukan dan dapat dicoba melalui Android ataupun PC Komputer.

Fungsi Menggunakan Inspect Element

Fungsi dan Kegunaan Membuka Akses Inspect Element

1. Melihat Struktur HTML

Dengan mencoba membuka inspect element pada sebuah website tertentu, maka Anda bisa dengan sangat mudah untuk melihat struktur HTML yang dipakai website tersebut, artinya Anda bisa menyimpulkan jenis framework apa yang digunakan apakah Bootstrap, Joomla ataupun ReactJS.

2. Melihat Komponen CSS dan JavaScript

Jika Anda tertarik dengan tampilan website milik orang lain, maka Anda dapat dengan mudah meniru tampilan website tersebut dengan cara mengcopy kode CSS serta kode JS yang dipakai, menariknya lagi Anda juga bisa secara langsung melakukan edit dan save HTML saat melakukan inspect di Google Chrome ataupun Mozilla Firefox.

Cara Inspect Element di Google Chrome PC

  1. Langkah pertama silahkan buka aplikasi browser Chrome terlebih dahulu.
  2. Kemudian buka alamat URL atau halaman situs yang Anda inginkan, contoh nya situs https://idnpure.com.
  3. Jika sudah silahkan Klik Kanan pada mouse dan pilih opsi Inspect, atau bisa lewat keyboard dengan kombinasi tombol (CTRL + Shift + l).Cara Membuka Inspect Elemen di Browser Chrome
  4. Setelah itu akan muncul jendela baru di bagian samping kanan berupa kode HTML dan CSS website tersebut.Cara IE di Google Chrome
  5. Untuk mulai melakukan edit dan save saat jendela inspect elemen terbuka, silahkan Klik Kanan dan pilih opsi Edit as HTML.Edit dan Save HTML Permanent dengan Inspect Element
  6. Nah ampai langkah ini silahkan Anda edit kode HTML website tersebut melalui google Chrome.Cara Edit Hasil Inspect Element
  7. Terakhir tinggal klik Enter dan selesai.

Cara Inspect Element di Google Chrome Android

  1. Pertama silahkan Anda gunakan HP android dengan aplikasi browser Google Chrome ataupun Safari.
  2. Kemudian masuk ke halaman Element Ekstartor (disini).
  3. Selanjutnya isikan kolom yang ada dengan situs tujuan yang akan Anda inspect.
  4. Jika sudah klik tombol View dan tunggu hasil kode HTML akan secara otomatis muncul di bagian bawah.
  5. Selesai.

Kesimpulan

Sebenarnya fungsi adanya fitur inspect element (IE) bukan hanya sekedar sebagai alat untuk melihat kode HTML yang ada di sebuah website saja, namun beberapa orang juga menggunakan fitur IE untuk melihat jaringan, bahasa, jenis framework hingga IP yang dipakai oleh website tersebut.

Demikianlah artikel mengenai cara inspect element di Google Chrome Android dan PC dengan mudah, jangan lupa berikan komentar jika masih ada langkah-langkah diatas yang masih belum diketahui, terimakasih telah membaca dan sampai jumpa lagi di artikel selanjutnya.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *