Yang Perlu Diketahui
- Pada sebagian besar browser utama, Anda dapat mengakses kode sumber situs dengan menekan Ctrl+ U di Windows.
- Di Mac, tekan Cmd+ Option+ U di sebagian besar browser utama atau Cmd+ U di Firefox.
- Di Android, gunakan view-source: URL tweak untuk melihat kode sumber. Di Safari untuk iOS, ini tidak didukung.
Meskipun browser web menafsirkan file Hypertext Markup Language dan Cascading Style Sheets yang membuat web muncul seperti itu, hotkey atau tweak URL memaksa browser untuk menampilkan kode sumber halaman itu di tab atau jendela baru. Meskipun kebanyakan orang jarang perlu memeriksa kode sumber, pengembang menggunakan perspektif ini untuk memecahkan masalah ketidakkonsistenan tata letak atau untuk memperbaiki bug di situs web.
Cara Melihat Sumber di Browser Desktop
Untuk semua browser desktop utama-Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, Vivaldi-tekan Ctrl+U untuk membuka tab baru yang menampilkan HTML mentah dari halaman tempat Anda berada. Di Mac, tekan Cmd+Option+U atau Cmd+U di Firefox.
Atau, semua browser desktop mendukung tweak khusus URL. Tambahkan teks view-source: ke URL untuk membuka halaman dalam mode Sumber. Misalnya, ketik view-source:https://www.lifewire.com untuk melihat kode sumber di belakang halaman utama Lifewire.
Lebih suka mouse, atau perlu mengubah HTML dengan cepat? Semua browser utama mendukung perintah View Source di suatu tempat di dalam struktur menunya, dan mereka juga mendukung mode pengembang (bernama berbagai hal, dan meluncurkan berbagai cara) yang memungkinkan penyesuaian waktu nyata untuk bagaimana halaman dijalankan berdasarkan perubahan yang Anda buat di antarmuka pengembang.
Cara Melihat Sumber di Browser Seluler Default
Peramban Android stok memungkinkan view-source: URL tweak. Namun, di iOS, aplikasi Safari bawaan tidak mendukung fitur ini. Di platform Apple, Anda harus meluncurkan browser lain atau aplikasi untuk melihat kode sumber dari App Store.
Peramban seluler individu yang Anda pasang dari toko aplikasi platform Anda berperilaku berbeda. Lihat dokumentasi browser untuk prosedur tertentu.