Cara inspect element di Chrome/Dok.freecodecamp.org/

SANEPO.COM – Saat kamu melihat tampilan sebuah situs yang sangat bagus, perlu mengetahui cara inspect element di Chrome.

Tak banyak yang mengetahui mengenai cara inspect element di Chrome yang sangat berguna untuk tampilan situs.

Sebelum kamu melakukan cara inspect element di Chrome, akan lebih baik mengenalnya terlebih dahulu.

Bagi kebanyakan pengguna melihat situs dengan tampilan bagus dan berbeda pasti tak akan terpikir untuk menggunakan fitur yang satu ini.

Inspect element merupakan fitur yang bisa kamu temukan pada berbagai peramban untuk mengetahui script yang membuat tampilan situs.

Kamu yang penasaran dengan fitur ini dan ingin mencobanya, bisa menyimak bahasan kali ini mengenai inspect element.

Kenali dan Coba Lakukan Inspect Element

Inspect element merupakan fitur atau tools yang digunakan untuk menyesuaikan antarmuka situs yang dibangun, memperbaiki bug, juga mengintip balik layar situs lain.

Fitur ini merupakan kunci para profesional situs, pembuat dan desainer situs yang membuatnya terlihat menjadi lebih bagus.

Dengan inspect element, kamu bisa mengetahui script HTML dan CSS yang membangun sebuauh halaman situs.

Inspect element juga dapat kamu gunakan mengubah desain konten secara temporary atau sementara.

Kamu bisa mengubah jenis font, warna latar belakang atau background, juga tata letak sebuah situs.

Berikut inifungsi dan cara untuk kamu yang ingin melakukan inspect element di peramban atau situs.

Fungsi Inspect Element

  1. Inspirasi desain bisa kamu temukan dengan melihat dari situs kompetitor.
  2. Melakukan perubahan atau mengedit desain situs sebelum menerapkannya secara permanen.
  3. Dapat digunakan kode atau link yang rusak pada halaman sebuah situs.
  4. Dapat kamu gunakan untuk berlatih coding dengan mempraktekkannya tanpa harus takut salah.
  5. Mampu menyembunyikan info pribadi atau rahasia saat melakukan screenshot yanga kemudian dibagikan pada orang lain.
  6. Dapat juga digunakan untuk melihat keyword SEO yang dipakai oleh kompetitor.

Cara Inspect Element di Chrome

  1. Buka aplikasi Google Chrome terlebih dahulu di perangkat kamu.
  2. Kemudian sebuah situs manapun di peramban Chrome.
  3. Pada kolom address bar, tambahkan kata “view-source”.
  4. Contoh: view-source:https://www.google.com/.
  5. Tunggu sesaat dan kini kamu bisa melihat source code secara lengkap.

Nah, itulah sedikit pengenalan dan bagaimana langkah-langkah dalam cara inspect element di Chrome.

Editor :

Sumber : Berbagai sumber


SHARE:

Update Berita Terbaru dari Sanepo di :

Tovan Harry M

Tovan Harry M

Tovan, penggemar teknologi yang suka nulis konten tech dan berbagi pengalaman di Sanepo.

Tags: