เว็บไซต์ที่ใช้เฟรมมักจะแสดงเลย์เอาต์ของเฟรมเซ็ตมากกว่าเนื้อหา
เครดิตรูปภาพ: vetkit / iStock / Getty Images
โค้ด HTML พื้นฐานที่ใช้ในการสร้างเว็บไซต์ไม่ได้ถูกซ่อนไว้ แต่ทุกคนสามารถเข้าถึงได้ง่ายด้วยเครื่องมือที่เหมาะสม ตัวอย่างเช่น เว็บเบราว์เซอร์ เช่น Firefox, Chrome, Safari, Opera และ Internet Explorer มีหลายวิธีที่คุณสามารถดูโค้ด HTML, CSS หรือ JavaScript ของเว็บไซต์ได้โดยตรง นอกจากนี้ เครื่องมือสำหรับนักพัฒนาเว็บโดยเฉพาะบางตัวสามารถโหลดและเปิดเว็บเพจจากอินเทอร์เน็ตได้เหมือนกับไฟล์ที่จัดเก็บไว้ในดิสก์ในเครื่อง
ดูแหล่งที่มาในเบราว์เซอร์
ขั้นตอนที่จำเป็นในการดูโค้ด HTML ของเว็บไซต์จะเหมือนกันสำหรับ Firefox, Chrome, Safari, Opera และ Internet Explorer คลิกขวาที่ส่วนของเว็บเพจที่มีเฉพาะข้อความ จากนั้นเลือกตัวเลือก "View Source" หรือ "View page source" รหัส HTML จะเปิดขึ้นในแท็บเบราว์เซอร์ใหม่หรือในหน้าต่างแอปพลิเคชันอื่น ทั้งนี้ขึ้นอยู่กับการตั้งค่าเบราว์เซอร์ของคุณ
วีดีโอประจำวันนี้
บันทึกซอร์สโค้ดลงดิสก์
หากคุณต้องการตรวจสอบหรือแก้ไขโค้ดของเว็บไซต์ในภายหลัง คุณสามารถบันทึกหน้าดังกล่าวลงในฮาร์ดไดรฟ์ได้ เมื่อคุณคลิกขวาที่หน้าเว็บใน Firefox หรือ Safari คุณจะมีตัวเลือกให้ "บันทึกหน้าเป็น" Chrome และ Opera มีตัวเลือก "บันทึกเป็น" หากต้องการบันทึกหน้าเว็บโดยใช้ Internet Explorer ให้คลิก "เครื่องมือ" "ไฟล์" แล้วคลิก "บันทึกเป็น" นอกจากเว็บเพจ เบราว์เซอร์จะบันทึกรูปภาพทั้งหมด ไฟล์ CSS และ JavaScript ที่หน้าใช้ซึ่งจัดเก็บไว้ใน Web เซิร์ฟเวอร์
Firefox, Chrome, Opera และ Internet Explorer ต่างก็มีโหมดนักพัฒนาที่ช่วยให้คุณสามารถดูหน้าเว็บที่แสดงและโค้ด HTML, CSS และ JavaScript ได้พร้อมกัน หากคุณคลิกองค์ประกอบบนเว็บ รหัสจะปรากฏในแผงแสดงผลของนักพัฒนาซอฟต์แวร์ แผงนักพัฒนาสามารถเข้าถึงได้ผ่านทางตัวเลือกหรือเครื่องมือกำหนดค่า แม้ว่า Safari จะไม่มีเครื่องมือสำหรับนักพัฒนาดั้งเดิม แต่คุณสามารถติดตั้งเครื่องมือดังกล่าวเป็นส่วนขยายได้
แอปพลิเคชันสำหรับนักพัฒนาเว็บ
เครื่องมือออกแบบเว็บไซต์ เช่น Dreamweaver, Kompozer และ Microsoft Expressions ช่วยให้คุณสามารถเปิดหน้าเว็บออนไลน์ได้โดยใช้ URL คุณดูโค้ด HTML ในมุมมองซอร์สโค้ดเท่านั้นหรือมุมมองแยก ดูตัวอย่าง และซอร์ส นอกจากนี้ คุณสามารถแก้ไขโค้ดและดูการเปลี่ยนแปลงแบบเรียลไทม์ได้ รหัสจริงที่เก็บไว้บนเซิร์ฟเวอร์ของเว็บไซต์จะไม่มีวันเปลี่ยนแปลง
ปัญหาที่คุณอาจพบเจอ
โดยเจตนาหรือไม่ตั้งใจ บางเว็บไซต์ไม่ยอมให้โค้ด HTML ของตนเสียไปโดยง่าย ตัวอย่างเช่น บางไซต์ใช้โค้ด JavaScript ซึ่งบล็อกการคลิกขวา คุณยังสามารถดูซอร์สโค้ดได้โดยการดาวน์โหลดหน้าเว็บลงในดิสก์ของคุณ หรือโดยการปิดใช้งาน JavaScript ในเบราว์เซอร์ของคุณ ไซต์อื่นๆ ใช้เฟรม HTML หรือ iframe ซึ่งป้องกันไม่ให้คุณเข้าถึงแหล่งที่มาของไซต์เหล่านั้นโดยตรง Firefox, Chrome, Safari และ Opera ตรวจจับเว็บไซต์ที่ใช้เฟรมและเสนอตัวเลือกให้คุณดูซอร์สโค้ดของเฟรมโดยอัตโนมัติ หากหน้าเว็บใช้ไฟล์ JavaScript หรือ CSS ที่จัดเก็บไว้ในโดเมนอื่น คุณสามารถดูโค้ดของไฟล์นั้นได้โดยตรงโดย คัดลอก URL จากโค้ด HTML ที่คุณสามารถเข้าถึงได้ จากนั้นวางลงในแถบที่อยู่ของแท็บเบราว์เซอร์ใหม่
