Situs web berbasis bingkai sering kali menampilkan tata letak bingkai daripada kontennya.
Kredit Gambar: vetkit/iStock/Getty Images
Kode HTML dasar yang digunakan untuk membangun situs web tidak disembunyikan tetapi dapat diakses oleh siapa saja dengan alat yang tepat. Misalnya, browser Web seperti Firefox, Chrome, Safari, Opera, dan Internet Explorer memiliki banyak cara untuk melihat kode HTML, CSS, atau JavaScript situs web secara langsung. Selain itu, beberapa alat pengembang Web khusus dapat memuat dan membuka halaman Web dari Internet seperti file yang disimpan di disk lokal.
Lihat Sumber di Browser
Langkah-langkah yang diperlukan untuk melihat kode HTML situs web pada dasarnya sama untuk Firefox, Chrome, Safari, Opera, dan Internet Explorer. Klik kanan bagian halaman Web yang hanya berisi teks, lalu pilih opsi "Lihat Sumber" atau "Lihat sumber halaman". Bergantung pada pengaturan browser Anda, kode HTML akan terbuka di tab browser baru atau di jendela aplikasi terpisah.
Video Hari Ini
Simpan Kode Sumber ke Disk
Jika nanti Anda perlu memeriksa atau mengedit kode situs web, Anda dapat menyimpan halaman tersebut ke hard drive Anda. Saat Anda mengklik kanan halaman Web di Firefox atau Safari, Anda akan ditawari opsi untuk "Save Page As." Chrome dan Opera memiliki opsi "Simpan sebagai". Untuk menyimpan halaman Web menggunakan Internet Explorer, klik "Alat," "File," lalu "Simpan sebagai." Selain halaman Web itu sendiri, browser menyimpan semua gambar, file CSS, dan JavaScript yang digunakan halaman yang disimpan secara lokal di Web-nya server.
Firefox, Chrome, Opera, dan Internet Explorer masing-masing menyediakan mode pengembang yang memungkinkan Anda untuk secara bersamaan melihat halaman Web yang dirender beserta kode HTML, CSS, dan JavaScript-nya. Jika Anda mengklik sebuah elemen di Web, kodenya akan muncul di panel tampilan pengembang. Panel pengembang dapat diakses melalui opsi atau alat konfigurasi. Meskipun Safari tidak memiliki alat pengembang asli, Anda dapat menginstalnya sebagai ekstensi.
Aplikasi Pengembang Web
Alat desain situs web seperti Dreamweaver, Kompozer, dan Microsoft Expressions memungkinkan Anda membuka halaman Web online menggunakan URL-nya. Anda melihat kode HTML dalam tampilan kode sumber saja atau split, pratinjau dan tampilan sumber. Selain itu, Anda dapat mengedit kode dan melihat perubahan secara real time. Kode sebenarnya yang disimpan di server situs web tidak pernah diubah.
Masalah yang Mungkin Anda Hadapi
Sengaja atau tidak, beberapa situs web tidak melepaskan kode HTML mereka dengan mudah. Misalnya, beberapa situs menggunakan kode JavaScript, yang memblokir klik kanan. Anda masih dapat melihat kode sumber dengan mengunduh halaman ke disk Anda atau dengan menonaktifkan JavaScript di browser Anda. Situs lain menggunakan bingkai atau iframe HTML, yang mencegah Anda mengakses sumbernya secara langsung. Firefox, Chrome, Safari, dan Opera mendeteksi situs web berbasis bingkai dan secara otomatis menawarkan Anda opsi untuk melihat kode sumber bingkai. Jika halaman Web menggunakan file JavaScript atau CSS yang disimpan di domain lain, Anda dapat melihat kode file tersebut secara langsung dengan menyalin URL-nya dari kode HTML yang dapat Anda akses dan kemudian menempelkannya ke bilah alamat tab browser baru.
