Cara Melihat Sumber HTML di Google Chrome

Sama ada anda seorang pereka web menyahpepijat kod sumber laman web anda atau hanya ingin tahu bagaimana kod laman web itu, anda dapat melihat sumber HTML langsung di Google Chrome. Terdapat dua cara untuk melihat sumber HTML: Lihat Sumber dan Periksa menggunakan Alat Pembangun.

Lihat Sumber Menggunakan Lihat Halaman Sumber

Nyalakan Chrome dan lompat ke laman web yang anda mahu lihat kod sumber HTML. Klik kanan halaman dan klik pada "Lihat Sumber Halaman," atau tekan Ctrl + U, untuk melihat sumber halaman di tab baru.

Tab baru dibuka bersama dengan semua HTML untuk laman web, dikembangkan sepenuhnya dan tidak diformat.

Sekiranya anda mencari elemen atau bahagian tertentu dalam sumber HTML, menggunakan Sumber Lihat membosankan dan membebankan, terutama jika halaman menggunakan banyak JavaScript dan CSS.

Periksa Sumber Menggunakan Alat Pembangun

Kaedah ini menggunakan panel Alat Pembangun di Chrome dan merupakan pendekatan yang jauh lebih bersih untuk melihat kod sumber. HTML lebih mudah dibaca di sini berkat pemformatan tambahan dan kemampuan untuk meruntuhkan elemen yang tidak berminat anda lihat.

Buka Chrome dan pergi ke halaman yang ingin anda periksa; kemudian tekan Ctrl + Shift + i. Panel berlabuh akan terbuka di sebelah laman web yang anda lihat.

Klik pada anak panah kelabu kecil di sebelah elemen untuk mengembangkannya lebih jauh.

Sekiranya anda tidak mahu melihat kod halaman penuh secara lalai, tetapi sebaliknya memeriksa elemen tertentu dalam HTML, klik kanan ruang tersebut di halaman, kemudian klik "Periksa".

Apabila panel dibuka kali ini, ia pergi terus ke bahagian kod yang mengandungi elemen yang anda klik.

Sekiranya anda ingin menukar kedudukan dok, anda boleh memindahkannya ke bahagian bawah, kiri, kanan, atau melepaskannya ke tetingkap yang berasingan. Klik ikon menu (tiga titik), kemudian pilih salah satu buka kunci ke tetingkap yang terpisah, berlabuh ke kiri, berlabuh ke bawah, atau berlabuh di sebelah kanan.

Itu sahaja yang ada. Setelah selesai melihat kodnya, tutup tab Sumber Lihat atau klik 'X' di panel Alat Pembangun untuk kembali ke laman web anda.