วิธีดูซอร์สโค้ดของเว็บเพจใน Safari บน Mac

ทุกเว็บเพจที่สวยงาม มีซอร์สโค้ดซับซ้อนอยู่เบื้องหลัง ที่ทำหน้าที่ควบคุมการออกแบบและฟังก์ชันการทำงาน บางครั้งเราอาจสงสัยอยากดูว่าโค้ดอะไรสร้างเว็บเพจนั้นขึ้น การดูซอร์สโค้ดทำได้ในทุกเบราว์เซอร์เกือบหมด รวมถึง Safari บน Mac

Safari บน Mac อนุญาตให้ดูซอร์สโค้ดได้ แต่ทำงานต่างจาก Chrome หรือ Firefox ต้องปลดล็อกเมนูที่ซ่อนอยู่ก่อน

นี่คือวิธีเปิดใช้งานเมนูนั้นและดูซอร์สโค้ดหลายวิธี

ดูซอร์สโค้ดของเว็บเพจใน Safari บน Mac

1. เปิด Safari บน Mac

2. คลิกเมนู "Safari" ที่มุมซ้ายบน แล้วเลือก "Preferences…"

3. ในหน้าต่าง Preferences คลิกแท็บ "Advanced" (แท็บสุดท้าย)

4. ในแท็บ Advanced จะมีตัวเลือก "Show Develop menu in menu bar" ให้ติ๊กถูก กล่อง 메นู Develop จะปรากฏทันที

ตอนนี้เมนู Develop พร้อมใช้งานแล้ว นี่คือวิธีใช้ตัวเลือกต่างๆ เพื่อดูซอร์สโค้ด

1. ใช้เมนู Develop

ในแถบเมนู Safari จะมีเมนู "Develop" ใหม่ คลิกเลือก "Show Page Source"

Safari จะแสดงซอร์สโค้ดเต็มของเว็บเพจทันที

2. ใช้แป้นพิมพ์ลัด

หากต้องการดูซอร์สโค้ดบ่อย แป้นพิมพ์ลัดจะเร็วกว่า กด "Option + Command + U" ขณะเปิดเว็บเพจ Safari จะแสดงซอร์สโค้ด

3. ใช้เมนูคลิกขวา

ตัวเลือกดูซอร์สโค้ดถูกเพิ่มในเมนูบริบทของ Safari คลิกขวาบนเว็บเพจ แล้วเลือก "Show Page Source"

สรุป

ถ้า Safari เป็นเบราว์เซอร์หลัก และคุณสนใจดูโค้ดด้านหลังเว็บเพจ คู่มือข้างต้นจะช่วยให้ทำได้โดยไม่ต้องออกจากเบราว์เซอร์โปรด