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

บทช่วยสอนนี้จะสาธิตวิธีดูแหล่งที่มาของหน้าเว็บใน Safari บน Mac OS สิ่งนี้ใช้กับ Safari และ MacOS ทุกรุ่น

วิธีดูแหล่งที่มาของหน้าใน Safari สำหรับ Mac

นี่คือวิธีที่คุณสามารถดูแหล่งที่มาของหน้าเว็บใน Safari บน MacOS:

1. ก่อนอื่น เปิดใช้งานเมนู Safari Develop โดยไปที่เมนู Safari เลือก “Preferences” ไปที่ “Advanced” และทำเครื่องหมายในช่องเพื่อเปิดใช้งานเมนูผู้พัฒนา



2. ถัดไป ในหน้าต่าง Safari ใดๆ ให้ไปที่หน้าเว็บที่คุณต้องการดูและตรวจสอบแหล่งที่มา
3. ดึงเมนู “พัฒนา” ที่ด้านบนของหน้าจอและเลือก “แสดงแหล่งที่มาของหน้า” จากตัวเลือกเมนู



4. แหล่งที่มาของหน้าเว็บจะปรากฏบนหน้าจอในส่วนแหล่งที่มาของตัวตรวจสอบเว็บ ซึ่งเป็นชุดเครื่องมือสำหรับนักพัฒนาเว็บที่สร้างไว้ใน Safari

นอกเหนือจากการดูแหล่งที่มาของหน้าแล้ว คุณยังสามารถใช้เมนูพัฒนาเพื่อบรรลุเคล็ดลับที่เป็นประโยชน์บนเว็บและงานของนักพัฒนาอีกมากมาย รวมถึงการปิดใช้งาน Javascript และล้างแคชของ Safari ท่ามกลางฟังก์ชันและความสามารถอื่น ๆ อีกมากมายที่มุ่งเน้นไปที่ขั้นสูง ผู้ใช้และนักพัฒนา เช่น การค้นหาไฟล์ที่ฝังอยู่ในหน้า

วิธีดูแหล่งที่มาของหน้าด้วยแป้นพิมพ์ลัดใน Safari บน Mac

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

1. นำทางไปยังหน้าเว็บที่คุณต้องการดูแหล่งที่มาของหน้าสำหรับ
2. กด Command + Option + U แป้นพิมพ์พร้อมกันเพื่อดูแหล่งที่มาของหน้า

แป้นพิมพ์ลัดสำหรับการดูแหล่งที่มาของหน้าจะเปิดเครื่องมือตรวจสอบเว็บ เช่นเดียวกับการเข้าถึงจากเมนูพัฒนา

หากคุณเป็นผู้ใช้ขั้นสูงของ Safari การเปิดใช้งานเมนูพัฒนาน่าจะเป็นหนึ่งในสิ่งแรกที่คุณทำเมื่อเปิดเบราว์เซอร์เป็นครั้งแรก

สำหรับสิ่งที่คุ้มค่า เบราว์เซอร์ Chrome และเบราว์เซอร์ Firefox มีความสามารถตรวจสอบองค์ประกอบเว็บที่คล้ายกัน แต่เห็นได้ชัดว่าเรากำลังมุ่งเน้นไปที่ Safari สำหรับ Mac ที่นี่

ฟังก์ชันสำหรับนักพัฒนาซอฟต์แวร์ใน Safari สำหรับ Mac ยังไม่พร้อมใช้งานสำหรับ iPhone หรือ iPad (แต่อย่างไรก็ตาม) แต่ถ้าคุณสนใจที่จะเพิ่มตัวเลือกการดูแหล่งที่มาทางฝั่งมือถือ คุณสามารถใช้เคล็ดลับจาวาสคริปต์นี้เพื่อดู แหล่งที่มาของหน้าใน Safari เวอร์ชัน iOS และ ipadOS

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