Cara Memeriksa Elemen di Chrome: 7 Langkah (dengan Gambar)

Daftar Isi:

Cara Memeriksa Elemen di Chrome: 7 Langkah (dengan Gambar)
Cara Memeriksa Elemen di Chrome: 7 Langkah (dengan Gambar)

Video: Cara Memeriksa Elemen di Chrome: 7 Langkah (dengan Gambar)

Video: Cara Memeriksa Elemen di Chrome: 7 Langkah (dengan Gambar)
Video: tutorial cepat seleksi rambut ala profesional dengan 3 langkah di adobe photoshop 2024, Mungkin
Anonim

Artikel wikiHow ini akan mengajarkan kepada Anda cara memeriksa kode sumber HTML dari elemen visual pada laman web mana pun di Google Chrome, menggunakan komputer.

Langkah

Periksa Elemen di Chrome Langkah 1
Periksa Elemen di Chrome Langkah 1

Langkah 1. Buka Google Chrome di komputer Anda

Ikon Chrome terlihat seperti bola berwarna dengan titik biru di tengahnya. Anda dapat menemukannya di folder Aplikasi di Mac, atau di menu Mulai di Windows.

Periksa Elemen di Chrome Langkah 2
Periksa Elemen di Chrome Langkah 2

Langkah 2. Klik ikon tiga titik vertikal

Tombol ini terletak di sebelah bilah alamat di sudut kanan atas jendela browser Anda. Ini akan membuka menu tarik-turun.

Periksa Elemen di Chrome Langkah 3
Periksa Elemen di Chrome Langkah 3

Langkah 3. Arahkan kursor ke Lebih Banyak Alat pada menu tarik-turun

Sebuah sub-menu akan muncul.

Periksa Elemen di Chrome Langkah 4
Periksa Elemen di Chrome Langkah 4

Langkah 4. Klik Alat Pengembang pada sub-menu Alat Lainnya

Ini akan membuka kolom Inspektur di sisi kanan jendela browser Anda.

Atau, Anda dapat membuka Inspektur dengan pintasan keyboard. Pintasan ini adalah Option+ Cmd+I di Mac, dan Ctrl+Alt+I di Windows

Periksa Elemen di Chrome Langkah 5
Periksa Elemen di Chrome Langkah 5

Langkah 5. Arahkan kursor ke elemen pada kolom Inspector

Memindahkan mouse Anda ke elemen atau garis di Inspector akan menyorot elemen yang dipilih di halaman web.

Periksa Elemen di Chrome Langkah 6
Periksa Elemen di Chrome Langkah 6

Langkah 6. Klik kanan elemen yang ingin Anda periksa di halaman web mana pun

Menu klik kanan Anda akan muncul di kotak drop-down.

Periksa Elemen di Chrome Langkah 7
Periksa Elemen di Chrome Langkah 7

Langkah 7. Pilih Inspect pada menu drop-down

Ini akan menggulir kolom Inspektur ke atas atau ke bawah ke elemen yang dipilih, dan menyorot kode sumbernya.

Anda tidak perlu membuka kolom Inspektur secara manual untuk melakukan ini. Memilih Memeriksa pada menu klik kanan akan otomatis membuka Inspector.

Direkomendasikan: