HTML mewakili Hypertext Markup Language dan merupakan bahasa skrip berbasis web. Tujuan utamanya adalah membuat dan mendesain halaman situs web. Rekaman dengan augmentasi HTML (atau HTM) hanya menahan teks dan referensi ke berbagai dokumen, mirip dengan gambar atau video Show
Setiap browser Internet utama memungkinkan pengguna untuk melihat kode sumber HTML halaman web mana pun. Bagian berikut berisi informasi tentang berbagai cara untuk melihat kode sumber di setiap browser utama. Untuk melanjutkan, pilih entri dari daftar di bawah dan ikuti petunjuknya Informasi pengantarSaat melihat kode sumber halaman web, informasi dan kode yang diproses oleh server tidak akan muncul. Misalnya, mesin pencari memproses informasi di server dan kemudian menampilkan hasilnya di halaman web. Dengan kata lain, Anda dapat melihat kode yang menyusun halaman hasil, tetapi Anda tidak dapat melihat kode sumber mesin pencari Aturan ini berlaku untuk semua skrip sisi server, SSI, dan kode pemrograman. Oleh karena itu, Anda tidak dapat melihat kode sumber skrip yang digunakan di mesin telusur, forum, jajak pendapat, obrolan, dll. Selain itu, menyalin informasi dari kode sumber dapat menyebabkan kesalahan atau mengarahkan Anda kembali ke halaman tempat Anda menyalin informasi tersebut Google ChromeUntuk melihat kode sumber halaman web di Google Chrome, gunakan salah satu metode berikut Lihat kode sumber sajaMetode satu Untuk hanya melihat kode sumber, tekan tombol pintas Ctrl+U di keyboard komputer Anda Metode dua Klik kanan bagian kosong halaman web dan pilih Lihat sumber halaman dari menu pop-up yang muncul Lihat sumber halaman dengan elemen
Tip Di Chrome, menekan F12 atau Ctrl+Shift+I juga menampilkan alat pengembang interaktif. Alat ini memberikan lebih banyak interaksi dengan kode sumber dan pengaturan CSS, memungkinkan pengguna untuk melihat bagaimana perubahan kode memengaruhi halaman web dengan segera Mozilla FirefoxUntuk melihat kode sumber halaman web di Mozilla Firefox, gunakan salah satu metode berikut Lihat kode sumber sajaMetode satu Untuk hanya melihat kode sumber, tekan Ctrl+U di keyboard komputer Anda Metode dua Klik kanan bagian kosong halaman web dan pilih View Page Source dari menu pop-up yang muncul Lihat sumber halaman dengan elemen
Tip Di Firefox, menekan F12 atau Ctrl+Shift+I juga menampilkan alat pengembang interaktif. Alat ini memberikan interaksi dengan kode sumber dan pengaturan CSS, memungkinkan pengguna untuk melihat bagaimana perubahan kode memengaruhi halaman web secara real-time Lihat bagian kode sumber halaman
Tip Anda dapat menggunakan add-on Firebug untuk melihat dan mengedit kode sumber halaman, dan melihat perubahannya secara langsung melalui browser Microsoft EdgeUntuk melihat kode sumber halaman web di Microsoft Edge, gunakan salah satu metode berikut Lihat kode sumber sajaMetode satu Untuk hanya melihat kode sumber, tekan Ctrl+U di keyboard komputer Anda Metode dua Klik kanan bagian kosong halaman web dan pilih Lihat sumber halaman dari menu pop-up yang muncul Lihat sumber halaman dengan elemen
Tip Di Microsoft Edge, menekan F12 atau Ctrl+Shift+I juga menampilkan alat pengembang interaktif. Alat ini memberikan interaksi dengan kode sumber dan pengaturan CSS, memungkinkan pengguna untuk melihat bagaimana perubahan kode memengaruhi halaman web secara real-time Microsoft Internet ExplorerUntuk melihat kode sumber halaman web di Microsoft Internet Explorer, gunakan salah satu dari metode berikut ini Lihat kode sumber sajaMetode satu Untuk hanya melihat kode sumber, tekan Ctrl+U di keyboard komputer Anda Metode dua Klik kanan bagian kosong halaman web dan pilih View source dari menu pop-up yang muncul Lihat sumber halaman dengan elemen
Tip Di Internet Explorer, menekan F12 menampilkan alat DOM. Alat ini memberikan interaksi dengan kode sumber dan pengaturan CSS, memungkinkan pengguna untuk melihat bagaimana perubahan kode memengaruhi halaman web dengan segera SafariDi Safari, melihat kode sumber halaman web memerlukan pengaktifan opsi pengembang. Bagian berikut menunjukkan kepada Anda cara mengaktifkan fitur ini dan kemudian cara melihat kode sumber halaman web Mengakses opsi pengembang di Safari
Melihat kode sumberCatatan Anda harus mengaktifkan opsi pengembang agar langkah-langkah berikut berfungsi Metode satu
Metode 2 Klik kanan bagian kosong halaman web dan pilih Show Page Source dari menu pop-up yang muncul Tip Setelah opsi pengembang diaktifkan, Anda juga dapat menekan Command+option+U untuk melihat kode sumber OperaUntuk melihat kode sumber halaman web di Opera, gunakan salah satu metode berikut Lihat kode sumber sajaMetode satu Untuk hanya melihat kode sumber, tekan Ctrl+U di keyboard komputer Anda Metode dua Klik kanan bagian kosong halaman web dan pilih Sumber halaman dari menu pop-up yang muncul Lihat sumber halaman dengan elemen
Tip Jika Anda tidak melihat submenu Pengembang, pilih Alat lainnya → Tampilkan menu pengembang. Kemudian, klik tombol menu lagi. Anda sekarang akan melihat entri Pengembang terdaftar.Tip Di Opera, menekan Ctrl+Shift+I juga menampilkan alat pengembang interaktif. Alat ini memberikan interaksi dengan kode sumber dan pengaturan CSS, memungkinkan pengguna untuk melihat bagaimana perubahan kode memengaruhi halaman web secara real-time Ponsel atau tablet Android menggunakan Chrome
Tip Misalnya, untuk melihat kode beranda kami, Anda harus mengetik view-source. https. // www. computerhope. com Jika langkah-langkah di atas tidak berhasil di ponsel Android Anda, gunakan cara di bagian tersebut. Kode yang sama berfungsi di ponsel Android. Satu-satunya perbedaan adalah menggunakan Chrome, bukan Safari, dan cara membuat bookmark
Tip Jika Anda kesulitan menavigasi kode sumber di perangkat seluler menggunakan metode di atas, Anda mungkin juga ingin mempertimbangkan iPhone atau iPad menggunakan SafariMelihat kode sumber halaman web di iPhone atau iPad membutuhkan lebih banyak pekerjaan, tetapi itu mungkin. Prosesnya mengharuskan Anda untuk membuat bookmark, menetapkan kode JavaScript ke dalamnya, dan menggunakan bookmark di halaman web untuk melihat kode sumbernya Catatan Jika Anda lebih suka menggunakan aplikasi untuk melihat kode sumber halaman web, Anda dapat mengunduh aplikasi View Source gratis dari iOS App Store Buat bookmark untuk melihat kode sumber
Tip Anda juga dapat menekan dan menahan jari Anda pada ikon Bookmark di bagian bawah layar hingga muncul menu
javascript:(function(){var a=window.open('about:blank').document;a.write('Source code of '+location.href);a.close();var b=a.body.appendChild(a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace='pre-wrap';b.appendChild(a.createTextNode(document.documentElement.innerHTML))})();
Gunakan bookmark untuk melihat kode sumberSetelah membuat bookmark di atas, kini Anda dapat melihat kode sumber untuk halaman web
Tab penjelajahan Safari baru terbuka, menampilkan kode sumber untuk halaman web Tip Jika Anda kesulitan menavigasi kode sumber di perangkat seluler menggunakan metode di atas, Anda juga dapat mempertimbangkan untuk menggunakan Cara menutup halaman atau alat kode sumberSetelah selesai melihat kode sumber di halaman web, Anda mungkin ingin keluar atau menutupnya. Menutup kode sumber tergantung pada metode yang digunakan untuk membukanya
Gunakan alat online untuk melihat kode sumberSelain menggunakan browser, beberapa alat online memungkinkan Anda melihat kode sumber halaman web mana pun. Alat-alat ini mungkin bermanfaat karena sebagian besar dapat memformat, menyesuaikan gaya, dan menyorot kode agar lebih mudah dibaca. Di bawah ini adalah daftar singkat dari beberapa alat Bagaimana cara melihat kode HTML di Chrome?Google Chrome . Klik ikon menu. pada bilah alat browser Pilih Alat lainnya, lalu Lihat Sumber Bagaimana cara menampilkan kode HTML di situs web tanpa menjalankannya?Gunakan Kode Karakter Khusus HTML
. teks(kodeku); .
Mengapa kode HTML saya tidak muncul di browser?Kemungkinan Alasan. Anda mungkin belum menyimpan perubahan setelah menulis kode (kemungkinan besar). Masalah dengan browser (muat di browser lain) Periksa ekstensi (hanya untuk klarifikasi) |