วิกิฮาวนี้จะแนะนำวิธีการดูซอร์สโค้ดของเว็บไซต์ ซึ่งเป็นโค้ดที่อยู่เบื้องหลังเว็บไซต์ต่างๆ (เช่น HTML, CSS และ JavaScript) บนเบราว์เซอร์ทั่วไปส่วนใหญ่ หากไม่รวมเคล็ดลับของ Safari คุณจะไม่สามารถดูซอร์สโค้ดของเว็บไซต์ได้ในขณะที่ใช้เบราว์เซอร์บนอุปกรณ์เคลื่อนที่
ขั้นตอน
วิธีที่ 1 จาก 3: Chrome, Firefox, Edge และ Internet Explorer
ขั้นตอนที่ 1. เปิดเว็บเบราว์เซอร์ของคุณ
กระบวนการดูซอร์สโค้ดบน Chrome, Firefox, Microsoft Edge และ Internet Explorer จะเหมือนกัน
ขั้นตอนที่ 2 นำทางไปยังหน้าเว็บ
ควรเป็นหน้าที่มีซอร์สโค้ดที่คุณต้องการดู
ขั้นตอนที่ 3 คลิกขวาที่หน้า
หากคุณกำลังใช้คอมพิวเตอร์ Mac ที่มีเมาส์แบบปุ่มเดียว คุณสามารถกด Control ค้างไว้แล้วคลิกแทน หากคุณใช้แล็ปท็อปที่มีแทร็คแพด คุณสามารถใช้สองนิ้วคลิกหน้านั้นแทน การดำเนินการนี้จะเรียกเมนูแบบเลื่อนลง
อย่าคลิกขวาที่ลิงก์หรือรูปภาพเมื่อทำเช่นนี้ มิฉะนั้น เมนูที่ไม่ถูกต้องจะปรากฏขึ้น
ขั้นตอนที่ 4. คลิกดูแหล่งที่มาของหน้า หรือ ดูแหล่งที่มา
เพื่อแสดง source code ของเบราว์เซอร์ในหน้าต่างใหม่หรือท้ายหน้าต่างปัจจุบัน
- คุณจะเห็น ดูที่มาของหน้า สำหรับ Chrome และ Firefox และ ดูแหล่งที่มา สำหรับ Microsoft Edge และ Internet Explorer
- คุณยังสามารถกด Ctrl+U (PC) หรือ ⌥ Option+⌘ Command+U (Mac) เพื่อแสดงซอร์สโค้ด
วิธีที่ 2 จาก 3: Safari
ขั้นตอนที่ 1. เปิด Safari
นี่คือแอพรูปเข็มทิศสีน้ำเงิน
ขั้นตอนที่ 2 คลิก Safari
ที่ด้านซ้ายบนของแถบเมนูของ Mac เพื่อเปิดเมนูที่ขยายลงมา
ขั้นตอนที่ 3 คลิกการตั้งค่า
ที่เป็นตัวเลือกกลางเมนูที่ขยายลงมา
ขั้นตอนที่ 4 คลิกแท็บขั้นสูง
ที่มุมขวาบนของหน้าต่าง Preferences
ขั้นตอนที่ 5. ทำเครื่องหมายที่ช่อง "แสดงเมนูพัฒนาในแถบเมนู"
ที่เป็นตัวเลือกทางด้านล่างของหน้าต่าง Preferences คุณควรเห็น a พัฒนา เมนูจะปรากฏในแถบเมนูของ Mac
ขั้นตอนที่ 6 นำทางไปยังหน้าเว็บ
ควรเป็นหน้าที่มีซอร์สโค้ดที่คุณต้องการดู
ขั้นตอนที่ 7 คลิกพัฒนา
เมนูนี้อยู่ทางซ้ายของ หน้าต่าง เมนูในแถบเมนูของ Mac
ขั้นตอนที่ 8 คลิกแสดงที่มาของหน้า
ทางด้านล่างของเมนูที่ขยายลงมา การคลิกตัวเลือกนี้จะทำให้ Safari แสดงซอร์สโค้ดของหน้าเว็บ