Cara Melihat Sumber HTML dalam Google Chrome

Apa yang Perlu Tahu

• Klik kanan pada halaman web dan pilih Lihat sumber halaman .
• Pintasan: Tekan Ctrl + DALAM (Windows PC) atau Perintah + Pilihan + DALAM (Mac).
• Untuk menggunakan alat pembangun Chrome, pilih Menu (tiga titik) > Lebih banyak alat > Alat pembangun .

Artikel ini menerangkan cara untuk mengakses kod sumber HTML tapak web dalam penyemak imbas web Google Chrome, serta mengakses dan menggunakan alat pembangun Chrome. Melihat kod sumber tapak ialah cara terbaik untuk pemula mempelajari HTML.

Lihat Kod Sumber dalam Chrome

Jadi bagaimana anda melihat kod sumber tapak web? Berikut ialah arahan langkah demi langkah untuk berbuat demikian menggunakan penyemak imbas Google Chrome.

1. Buka penyemak imbas web Google Chrome (jika anda tidak mempunyai Google Chrome dipasang , ini adalah muat turun percuma).

2. Navigasi ke laman web yang anda ingin periksa .

3. Klik kanan halaman tersebut dan lihat menu yang muncul. Daripada menu itu, klik Lihat sumber halaman .

   

4. Kod sumber untuk halaman itu kini akan muncul sebagai tab baharu dalam penyemak imbas.

5. Sebagai alternatif, anda juga boleh menggunakan pintasan papan kekunci Ctrl + DALAM pada PC untuk membuka tetingkap dengan kod sumber tapak dipaparkan. Pada Mac, pintasan ini ialah Perintah + Pilihan + DALAM .

Hilary Allison / Lifewire

cara menyiarkan muzik pada perselisihan

Gunakan Alat Pembangun Chrome

Selain yang ringkasLihat sumber halamankeupayaan yang ditawarkan oleh Google Chrome, anda juga boleh memanfaatkan kelebihannya Alat Pembangun untuk menggali lebih dalam ke dalam tapak. Alat ini akan membolehkan anda bukan sahaja melihat HTML, tetapi juga CSS yang digunakan untuk melihat elemen dalam dokumen HTML tersebut.

Untuk menggunakan alat pembangun Chrome:

1. Buka Google Chrome .

2. Navigasi ke halaman web yang anda ingin periksa .

3. Pilih menu tiga titik di penjuru kanan sebelah atas tetingkap penyemak imbas.

4. Dari menu, tuding ke atas Lebih banyak alat dan kemudian pilih Alat pembangun dalam menu yang muncul.

   

5. Tetingkap akan terbuka yang menunjukkan kod sumber HTML di sebelah kiri anak tetingkap dan CSS yang berkaitan di sebelah kanan.

6. Sebagai alternatif, jika anda klik kanan elemen dalam halaman web dan pilih Periksa daripada menu yang dipaparkan, alat pembangun Chrome akan muncul dan menyerlahkan bahagian khusus yang anda pilih dalam HTML dengan CSS yang sepadan ditunjukkan di sebelah kanan. Ia amat membantu jika anda ingin mengetahui lebih lanjut tentang bahagian tertentu tapak.

   cara menukar gambar profil instagram

Adakah Melihat Kod Sumber Sah?

Selama bertahun-tahun, kami mempunyai ramai pereka web baharu mempersoalkan sama ada boleh diterima untuk melihat kod sumber tapak dan menggunakannya untuk pendidikan mereka dan akhirnya untuk kerja yang mereka lakukan. Walaupun menyalin kod tapak secara borong dan menyerahkannya sebagai milik anda di tapak web sudah tentu tidak boleh diterima, menggunakan kod itu sebagai batu loncatan untuk belajar daripada sebenarnya ialah berapa banyak kemajuan yang dibuat dalam industri ini.

Seperti yang kami nyatakan pada permulaan artikel ini, anda akan berasa sukar untuk mencari profesional web yang bekerja hari ini yang tidak mempelajari sesuatu dengan melihat sumber tapak! Ya, melihat kod sumber tapak adalah sah. Menggunakan kod itu sebagai sumber untuk membina sesuatu yang serupa juga selamat. Mengambil kod apa adanya dan menyerahkannya kerana kerja anda adalah tempat anda mula menghadapi masalah.

cara menghubungkan perselisihan dan kedutan

Pada akhirnya, profesional web belajar antara satu sama lain dan sering menambah baik kerja yang mereka lihat dan diilhamkan, jadi jangan teragak-agak untuk melihat kod sumber tapak dan menggunakannya sebagai alat pembelajaran.

Lebih Daripada Sekadar HTML

Satu perkara yang perlu diingat ialah fail sumber boleh menjadi sangat rumit (dan semakin kompleks tapak web yang anda lihat, semakin kompleks kemungkinan kod tapak tersebut). Selain struktur HTML yang membentuk halaman, terdapat juga CSS (helaian gaya berlatarkan) yang menentukan penampilan visual tapak tersebut. Selain itu, banyak tapak web hari ini akan menyertakan fail skrip yang disertakan bersama HTML.

Kemungkinan terdapat beberapa fail skrip disertakan; sebenarnya, setiap satu menjanakan pelbagai aspek tapak. Terus terang, kod sumber tapak mungkin kelihatan hebat, terutamanya jika anda baru melakukan ini. Jangan kecewa jika anda tidak dapat mengetahui apa yang berlaku dengan tapak itu dengan segera. Melihat sumber HTML hanyalah langkah pertama dalam proses ini. Dengan sedikit pengalaman, anda akan mula memahami dengan lebih baik bagaimana semua bahagian ini sesuai untuk mencipta tapak web yang anda lihat dalam penyemak imbas anda. Apabila anda semakin mengenali kod tersebut, anda akan dapat mempelajari lebih lanjut daripadanya, dan ia tidak kelihatan begitu menggerunkan kepada anda.

• Bagaimanakah cara saya mengedit kod HTML dalam Chrome?

  Buka Alat Pembangun dalam Chrome dengan menekan Ctrl (atau Perintah pada Mac) + Shift + I . Dari situ, tekan Ctrl ( Perintah pada Mac) + O dan pilih fail sumber yang disimpan yang ingin anda edit untuk membukanya.

• Bagaimanakah cara saya melihat kod sumber halaman dalam Chrome jika Lihat Sumber dilumpuhkan?

  Jika tapak web telah melumpuhkan pilihan Lihat Sumber, anda mungkin masih boleh melihat di bawah tudung. Dari bahagian atas tetingkap penyemak imbas pilih Lihat > pemaju > Lihat sumber , yang sepatutnya mengeluarkan kod sumber halaman web.

• Bagaimanakah saya boleh melihat kod sumber tapak dalam Chrome menggunakan peranti Android saya?

  Navigasi ke tapak web yang ingin anda lihat menggunakan apl Chrome peranti anda, kemudian pilih bar alamat penyemak imbas. Gerakkan kursor teks ke hujung kiri—di hadapan URL—dan taip lihat sumber , kemudian tekan Masuk atau pilih Pergi .