Tutorial ini hanya ditujukan untuk pengguna yang menjalankan browser Opera di sistem operasi Windows atau Mac. Jika Anda perlu melihat sumber halaman di browser lain, pelajari caranya di panduan kami Cara Melihat Kode Sumber Halaman Web di Setiap Browser .
Ada banyak alasan untuk ingin melihat kode sumber halaman web, mulai dari debugging masalah dengan situs Anda sendiri ke sekadar rasa ingin tahu. Apa pun motif Anda, peramban Opera membuatnya mudah untuk menyelesaikan tugas ini. Anda dapat memilih untuk melihat sumber ini dalam bentuk yang paling dasar dalam tab browser atau melakukan penyelaman yang lebih dalam dengan alat pengembang terintegrasi Opera. Tutorial ini menunjukkan cara melakukan keduanya. Pertama, buka browser Opera Anda
Pengguna Windows
Klik pada tombol menu Opera , yang terletak di sudut kiri atas jendela browser Anda. Ketika menu drop-down muncul, arahkan kursor mouse Anda ke opsi More tools . Sebuah sub-menu seharusnya sekarang muncul. Klik pada Tampilkan menu pengembang sehingga tanda centang ditempatkan di sebelah kiri opsi ini.
Kembali ke menu Opera utama. Sekarang Anda akan melihat opsi baru yang terletak langsung di bawah Alat lainnya yang berlabel Pengembang . Arahkan kursor mouse Anda ke atas opsi ini hingga muncul sub-menu. Selanjutnya, klik pada sumber halaman Lihat . Kode sumber untuk halaman web yang sedang aktif sekarang akan ditampilkan di tab browser baru. Anda juga dapat menggunakan pintasan keyboard berikut untuk mencapai titik ini: CTRL + U
Untuk melihat lebih banyak detail mendalam tentang halaman aktif dan kode yang sesuai, pilih opsi Alat pengembang dari sub-menu Pengembang atau gunakan pintasan keyboard berikut: CTRL + SHIFT + I
Pengguna Mac OS X dan macOS Sierra
Klik pada Lihat di menu Opera Anda, yang terletak di bagian atas layar. Ketika menu drop-down muncul, pilih Tampilkan Menu Pengembang . Opsi baru sekarang harus ditambahkan ke menu Opera Anda yang berlabel Pengembang . Klik pada opsi ini selanjutnya, dan ketika menu drop-down muncul pilih Lihat Sumber . Anda juga dapat menggunakan pintasan keyboard berikut untuk melakukan tindakan ini: Command + U
Tab baru sekarang harus terlihat, menunjukkan kode sumber halaman saat ini. Untuk menganalisis halaman yang sama ini dengan toolset dev Opera, klik pertama pada Developer di menu browser di bagian atas layar Anda. Ketika menu drop-down muncul, pilih opsi Developer Tools .