Melihat sumber yang dirender untuk sebuah halaman

Ringkasan

Saat Anda mengunjungi halaman, situs mengirimkan kode HTML ke browser Anda. Sering kali kode sumber ini menyertakan resource tambahan seperti skrip, yang harus dimuat, dan yang dapat mengubah kode halaman.

Mengklik kanan "tampilkan sumber" biasanya hanya akan menampilkan kode halaman asli yang ditampilkan ke browser, sebelum skrip dan resource lainnya dimuat dan dijalankan. Namun ada banyak kasus, terutama saat memecahkan masalah halaman, saat Anda perlu melihat kode halaman terakhir yang dirender di browser, setelah semua resource dimuat, dan skrip apa pun dijalankan. Contoh:

• Untuk menelusuri tag Google Analytics atau Google Tag Manager yang digunakan dalam verifikasi.
• Untuk men-debug tampilan dan pemuatan halaman (yaitu, untuk memeriksa bahwa semua library dan resource lainnya yang ingin Anda muat sudah ada).
• Untuk melihat data terstruktur di halaman yang ditayangkan.

Cara melihat sumber yang dirender

Berikut adalah beberapa metode untuk melihat kode sumber yang dirender untuk halaman web:

• Di browser Chrome: Klik kanan bagian mana pun pada halaman, lalu pilih Periksa untuk melihat semua HTML dari halaman yang dirender. Telusuri item dalam HTML yang dirender menggunakan Control + F (Windows) atau Command + F (Mac).
• Untuk halaman di situs Anda sendiri: 
  1. Periksa URL, baik dengan memasukkan URL langsung ke Alat Inspeksi URL, ataupun dengan mengklik link pemeriksaan di samping URL yang ditampilkan di sebagian besar laporan Search Console.
  2. Klik Uji URL aktif > Lihat halaman yang diuji.
  3. Tab HTML akan menampilkan HTML yang dirender untuk halaman tersebut.
• Untuk halaman di situs mana pun, bukan hanya di situs milik Anda:
  1. Buka Pengujian Situs Mobile-friendly.
  2. Masukkan URL halaman. Halaman tersebut harus tersedia untuk Google tanpa login, dan tidak diblokir oleh robots.txt.
  3. Klik Lihat halaman yang diuji.
  4. Tab HTML akan menampilkan HTML yang dirender untuk halaman tersebut.