การรู้วิธีดูซอร์สโค้ดของเว็บไซต์หรือเว็บไซต์ใดๆ นั้นมีประโยชน์เสมอ เป็นทักษะที่มีประโยชน์เมื่อคุณทำ SEO แก้ไขปัญหา หรือเพียงแค่ต้องการดูว่าซอร์สโค้ด HTML ของเว็บไซต์เป็นอย่างไร ซอร์สโค้ด HTML สำหรับหน้าเว็บใดๆ สามารถดูได้ในอินเทอร์เน็ตเบราว์เซอร์หลักทั้งหมด
ในส่วนต่อไปนี้ คุณจะพบข้อมูลเกี่ยวกับวิธีดูซอร์สโค้ดในเบราว์เซอร์หลักแต่ละเบราว์เซอร์ที่แตกต่างกัน วิธี เมื่อคุณดูซอร์สโค้ดของหน้าเว็บ คุณจะไม่เห็นข้อมูลและโค้ดที่ประมวลผลโดยเซิร์ฟเวอร์ ตัวอย่างเช่น เครื่องมือค้นหาใช้เซิร์ฟเวอร์ในการประมวลผลข้อมูลแล้วแสดงผลบนหน้าเว็บ
หากต้องการดำเนินการต่อ ให้เลือกรายการจากรายการด้านล่างและทำตามที่ระบุไว้ เมื่อสร้างเว็บไซต์ คุณจะต้องดูซอร์สโค้ดของไซต์ของคุณเป็นส่วนใหญ่ หากคุณดูที่ซอร์สโค้ดของคุณ คุณจะเห็นว่ามีข้อผิดพลาดของโค้ดใดๆ ในสิ่งที่เบราว์เซอร์กำลังแสดงอยู่หรือไม่
วิธีการดูซอร์สโค้ดของเว็บไซต์
การใช้แหล่งที่มาของหน้า
เยี่ยมชมเว็บไซต์ที่คุณต้องการ คลิกขวาที่เว็บไซต์แล้วคลิก “ดูแหล่งที่มาของหน้า” คุณจะได้รับ ซอร์สโค้ด ใช้ CTRL + U หน้าเว็บ
ใช้ Inspect Element
ต่อไปนี้คือขั้นตอนวิธีการดำเนินการ
ไปที่ เว็บไซต์ที่คุณต้องการ คลิกที่ ตรวจสอบ คุณจะได้รับ รหัส ทางด้านขวามือ ใช้ ปุ่มทางลัด: (Ctrl + Shift + I )
ซอร์สโค้ดคืออะไร
การเขียนโปรแกรมที่ทำให้เว็บไซต์หรือชิ้นส่วนของซอฟต์แวร์ทำงานเรียกว่าซอร์สโค้ด เมื่อพูดถึงเว็บไซต์ ทุกคนสามารถเห็นโค้ดนี้ได้ด้วยความช่วยเหลือของเครื่องมือต่างๆ รวมถึงเว็บเบราว์เซอร์ของคุณ แต่การทำเช่นนี้บนโทรศัพท์ Android และ iOS นั้นทำได้ยากเล็กน้อย สิ่งสำคัญคือต้องดูซอร์สโค้ดของเว็บไซต์เพื่อแก้ไขปัญหาส่วนใหญ่ที่เกิดขึ้น
นอกจากนี้ คุณยังสามารถดูซอร์สโค้ดของเว็บไซต์ใดก็ได้เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับวิธีการทำงาน แต่ถ้าคุณไม่ได้รับคำสั่ง คุณไม่ควรคัดลอกโค้ดสำหรับเว็บไซต์ของคุณเอง การทำเช่นนั้นอาจขัดต่อลิขสิทธิ์ของผู้พัฒนาหรือเจ้าของเว็บไซต์
คำถามที่พบบ่อย
การดูซอร์สโค้ดของเว็บไซต์ถูกกฎหมายหรือไม่
การดูซอร์สโค้ดของเว็บไซต์ถือเป็นเรื่องถูกกฎหมายอย่างยิ่ง ดูแหล่งที่มา หากคุณดูที่เว็บไซต์ คุณกำลังดูแหล่งที่มาที่แสดงผล แต่ถ้าคุณพูดบางอย่างแล้วนำไปใช้ในงานของฉัน นั่นคนละเรื่องเลย และอาจผิดกฎหมายลิขสิทธิ์ ใช้มันเพื่อเรียนรู้ แต่อย่าคัดลอกและวางจากมัน
ฉันจะดาวน์โหลดซอร์สโค้ดแบบเต็มของเว็บไซต์ได้อย่างไร
ฉันจะรับซอร์สโค้ดสำหรับ ทั้งเว็บไซต์? ในการรับซอร์สโค้ด HTML สำหรับเว็บไซต์ ให้ไปที่เพจด้วยเบราว์เซอร์ที่คุณชื่นชอบ จากนั้นเลือก บันทึกเพจเป็น จากเมนูไฟล์ จากนั้น ระบบจะถามว่าคุณต้องการดาวน์โหลดทั้งหน้า (พร้อมรูปภาพ) หรือเฉพาะซอร์สโค้ด
ฉันจะหาโค้ด HTML และ CSS ของเว็บไซต์ได้อย่างไร
ไปที่ขอบของไซต์ เช่น ด้านซ้ายสุด คลิกขวา แล้วเลือก “ดูแหล่งที่มาของหน้า” หรือตัวเลือกที่คล้ายกัน ซึ่งจะแสดงโค้ด HTML ทั้งหมดพร้อมกับลิงก์ไปยังไฟล์ CSS, ไฟล์ Javascript, รูปภาพ ฯลฯ ตอนนี้คุณสามารถอ่านและค้นหาสิ่งที่ประกอบเป็นหน้านั้น
ฉันจะดูซอร์ส HTML ได้อย่างไร รหัส?
การดูซอร์สโค้ดของเว็บเพจ คุณยังสามารถใช้แป้นพิมพ์ลัด Command-U บน Firefox เพื่อดูซอร์สโค้ดของเพจ ใน Chrome ขั้นตอนเกือบจะเหมือนกัน คลิกที่”ดู”ในเมนูด้านบน จากนั้นคลิก”นักพัฒนา/ดูแหล่งที่มา”คุณยังสามารถกด Option-Command-U บนแป้นพิมพ์ได้อีกด้วย