บทความวิกิฮาวนี้จะแนะนำวิธีการตรวจสอบซอร์สโค้ด HTML ขององค์ประกอบภาพบนหน้าเว็บใดๆ ใน Google Chrome โดยใช้คอมพิวเตอร์
ขั้นตอน
ขั้นตอนที่ 1. เปิด Google Chrome บนคอมพิวเตอร์ของคุณ
ไอคอน Chrome ดูเหมือนลูกบอลสีที่มีจุดสีน้ำเงินอยู่ตรงกลาง คุณสามารถค้นหาได้ในโฟลเดอร์ Applications บน Mac หรือในเมนู Start บน Windows
ขั้นตอนที่ 2 คลิกไอคอนจุดแนวตั้งสามจุด
ปุ่มนี้อยู่ถัดจากแถบที่อยู่ที่มุมบนขวาของหน้าต่างเบราว์เซอร์ของคุณ จะเปิดเมนูแบบเลื่อนลง
ขั้นตอนที่ 3 วางเมาส์เหนือเครื่องมือเพิ่มเติมในเมนูแบบเลื่อนลง
เมนูย่อยจะปรากฏขึ้น
ขั้นตอนที่ 4 คลิกเครื่องมือสำหรับนักพัฒนาในเมนูย่อยเครื่องมือเพิ่มเติม
ซึ่งจะเปิดคอลัมน์ Inspector ทางด้านขวามือของหน้าต่างเบราว์เซอร์ของคุณ
หรือคุณสามารถเปิดตัวตรวจสอบด้วยแป้นพิมพ์ลัด ปุ่มลัดนี้คือ ⌥ Option+⌘ Cmd+I บน Mac และ Ctrl+Alt+I บน Windows
ขั้นตอนที่ 5. วางเมาส์เหนือองค์ประกอบในคอลัมน์สารวัตร
การเลื่อนเมาส์ไปที่องค์ประกอบหรือเส้นในตัวตรวจสอบจะเน้นองค์ประกอบที่เลือกบนหน้าเว็บ
ขั้นตอนที่ 6 คลิกขวาที่องค์ประกอบที่คุณต้องการตรวจสอบบนหน้าเว็บใดๆ
เมนูคลิกขวาของคุณจะปรากฏขึ้นในกล่องดรอปดาวน์
ขั้นตอนที่ 7 เลือก ตรวจสอบ บนเมนูแบบเลื่อนลง
การดำเนินการนี้จะเลื่อนคอลัมน์ Inspector ขึ้นหรือลงไปยังองค์ประกอบที่เลือก และไฮไลต์ซอร์สโค้ด