การท่องเว็บในเบราว์เซอร์มีการจัดการดังนี้: โปรแกรมส่งคำขอไปยังเซิร์ฟเวอร์ที่ระบุในลิงก์ และในการตอบสนองจะได้รับชุด "อะไหล่" และคำแนะนำในการประกอบ ชิ้นส่วนอะไหล่ได้แก่ รูปภาพ องค์ประกอบแฟลช เสียง และไฟล์อื่นๆ และคำแนะนำเกี่ยวกับวิธีการวางอย่างถูกต้องบนหน้า ให้สีพื้นหลัง ใช้แบบอักษรและขนาดแบบอักษรบางประเภท ฯลฯ มีอยู่ในซอร์สโค้ดของหน้า ผู้ใช้บราวเซอร์สามารถเห็นโค้ดนี้เอง ไม่ใช่แค่หน้าที่ประกอบตามคำแนะนำของเขา
คำแนะนำ
ขั้นตอนที่ 1
เบราว์เซอร์สมัยใหม่มีฟังก์ชันในตัวสำหรับการดูซอร์สโค้ดของหน้า ตัวอย่างเช่น ใน Opera หากต้องการเปิดใช้งานตัวเลือกนี้ ให้คลิกพื้นที่ว่างของหน้าที่เปิดของไซต์ที่ไม่มีรูปภาพ ลิงก์ และองค์ประกอบอื่นๆ และในเมนูบริบทแบบเลื่อนลง ให้เลือกรายการ "ซอร์สโค้ด" เบราว์เซอร์จะเปิดซอร์สในแท็บแยกต่างหาก โดยให้สีบรรทัดที่เกี่ยวข้องกับแท็ก HTML สคริปต์ และข้อความธรรมดาเป็นสามสี
ขั้นตอนที่ 2
จุดที่คล้ายกัน แต่มีคำแตกต่างกันเล็กน้อย อยู่ในเมนูบริบทและเบราว์เซอร์อื่นๆ ตัวอย่างเช่น ใน Google Chrome รายการนี้มีชื่อว่า "View page code" ใน Mozilla Firefox เลือกบรรทัด "Source code of the page" และ Internet Explorer - "View HTML code" โทนสีของโค้ดจะแตกต่างกันเล็กน้อยในแอปพลิเคชันต่างๆ
ขั้นตอนที่ 3
เบราว์เซอร์ Google Chrome มีตัวเลือกมุมมองแหล่งที่มาขั้นสูงกว่ามาก หากต้องการใช้งาน ในเมนูบริบทเดียวกัน ให้เลือกรายการ "ดูโค้ดองค์ประกอบ" หลังจากนั้นแท็บที่มีหน้าเว็บที่เปิดอยู่จะถูกแบ่งออกเป็นสองเฟรม - ด้านบนจะยังคงอยู่และด้านล่างจะมีข้อมูลรายละเอียดที่รวบรวมไม่เพียง แต่จากแท็กซอร์สโค้ดเท่านั้น แต่ยังมาจากแท็กที่รวมอยู่ด้วย ไฟล์สไตล์ CSS คุณสามารถเลือกเส้นต้นทางในกรอบด้านล่าง และเบราว์เซอร์จะเน้นที่ส่วนบนของหน้าที่เกิดจากเส้นเหล่านี้ ในทำนองเดียวกัน การเลือกองค์ประกอบในเฟรมด้านบนจะทำให้โค้ดที่เกี่ยวข้องปรากฏขึ้นที่ด้านล่าง
ขั้นตอนที่ 4
หากหน้านี้ถูกบันทึกลงในฮาร์ดไดรฟ์ของคอมพิวเตอร์ของคุณ ไฟล์นั้นก็สามารถเปิดได้ด้วยโปรแกรมแก้ไขข้อความใดๆ - ซอร์สโค้ดจะถูกเขียนเป็นข้อความธรรมดา เพียงลากไฟล์นี้ไปไว้ในหน้าต่างของ Notepad, Word หรือแอปพลิเคชั่นอื่นๆ ประเภทนี้ เมื่อใช้ตัวแก้ไขทั่วไป คุณไม่เพียงแต่สามารถดูซอร์สโค้ดได้เท่านั้น แต่ยังสามารถแก้ไขได้ด้วย