Isi

• Langkah

Artikel ini akan menunjukkan cara melihat sumber HTML visual pada halaman web mana pun di Google Chrome pada desktop.

Langkah

1. 1 Luncurkan browser Google Chrome di komputer Anda. Klik pada ikon bulat warna-warni dengan pusat biru. Itu ada di folder Applications (Mac) atau di menu Start (Windows).
2. 2 Klik pada ikon tiga titik vertikal. Anda akan menemukannya di dekat bilah alamat di sudut kanan atas jendela browser. Sebuah menu akan terbuka.
3. 3 Silahkan pilih Alat tambahan di menu. Sebuah submenu akan terbuka.
4. 4 Klik Alat pengembang di submenu. Panel pengembang akan terbuka di sisi kanan jendela browser.
   • Anda juga dapat membuka panel ini dengan mengklik Opsi+Cmd+Saya (Mac) atau Ctrl+Alt+Saya (jendela).
5. 5 Arahkan mouse Anda ke item di bilah pengembang. Elemen ini akan disorot di halaman web.
6. 6 Klik kanan elemen pada halaman web yang kodenya ingin Anda lihat. Sebuah menu akan terbuka.
7. 7 Silahkan pilih Lihat Kode di menu. Konten panel pengembang akan secara otomatis menggulir ke item yang dipilih dan kodenya akan disorot.
   • Anda tidak perlu membuka panel pengembang secara manual untuk ini. Ketika Anda mengklik Tampilkan Kode, panel pengembang akan terbuka secara otomatis.