Cara Memeriksa Elemen Halaman Web pada Chrome

PDF download Unduh PDF
Disusun bersama Luigi Oppido

PDF download Unduh PDF

Artikel wikiHow ini akan mengajarkan kepada Anda cara memeriksa kode sumber HTML dari elemen visual halaman web pada Google Chrome menggunakan komputer.

Langkah

PDF download Unduh PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/bf\/Inspect-Element-on-Chrome-Step-1-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-1-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/bf\/Inspect-Element-on-Chrome-Step-1-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-1-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ikon Chrome tampak seperti bola warna-warni dengan titik biru di tengahnya. Anda bisa menemukan ikon ini pada folder “ Applications ” di komputer Mac atau menu “Start” di komputer Windows.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b1\/Inspect-Element-on-Chrome-Step-2-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-2-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b1\/Inspect-Element-on-Chrome-Step-2-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-2-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Tombol ini berada di samping bilah alamat, di pojok kanan atas jendela peramban. Setelah itu, menu drop-down akan ditampilkan.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/05\/Inspect-Element-on-Chrome-Step-3-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-3-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/05\/Inspect-Element-on-Chrome-Step-3-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-3-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Setelah itu, submenu akan ditampilkan.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/24\/Inspect-Element-on-Chrome-Step-4-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-4-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/24\/Inspect-Element-on-Chrome-Step-4-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-4-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Kolom inspeksi akan ditampilkan di sisi kanan jendela peramban.
    • Sebagai alternatif, Anda bisa membuka jendela inspeksi dengan pintasan papan tik. Tekan ⌥ Option + ⌘ Cmd + I pada komputer Mac dan Ctrl + Alt + I pada komputer Windows.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0f\/Inspect-Element-on-Chrome-Step-5-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-5-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0f\/Inspect-Element-on-Chrome-Step-5-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-5-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ketika kursor diarahkan pada elemen atau baris di jendela inspeksi, elemen yang sesuai akan ditandai di halaman web.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/ad\/Inspect-Element-on-Chrome-Step-6-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-6-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ad\/Inspect-Element-on-Chrome-Step-6-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-6-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Menu klik kanan akan ditampilkan pada kotak drop-down .
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/20\/Inspect-Element-on-Chrome-Step-7-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-7-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/20\/Inspect-Element-on-Chrome-Step-7-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-7-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Setelah itu, kolom inspeksi akan digeser ke atas atau bawah ke elemen tersebut. Kode sumber elemen akan ditandai.
    • Anda tidak harus membuka kolom inspeksi secara manual. Pilih “ Inspect ” pada menu klik kanan untuk membuka kolom inspeksi secara otomatis.
    Iklan

wikiHow Terkait

Cara
Mengunduh Video Apapun dari Situs Web Manapun Secara Gratis
Cara
Mencari Tanggal Terbit Situs Web
Cara
Memperbaiki Masalah Akses ke Situs Web Tertentu
Cara
Mengunduh Gambar dari Google Maps
Cara
Mengetahui Akun Facebook Palsu
Cara
Meletakkan Pintasan Situs di Desktop
Cara
Menemukan Nama Penulis Situs Web
Cara
Mengunduh Video Streaming
Cara
Melacak Alamat IP
Cara
Mudah Mencari dan Menemukan Informasi Seseorang Menggunakan Gambar
Panduan Lengkap Character AI
Cara
Mengetahui Lokasi Saat Ini pada Google Maps
Cara
Menguji Koneksi (Ping) Alamat IP Lain
Cara
Mengubah Tampilan Latar Belakang pada Zoom
Iklan

Tentang wikiHow ini

Bahasa lain
Halaman ini telah diakses sebanyak 7.934 kali.

Apakah artikel ini membantu Anda?

Iklan