วิธีดูซอร์สโค้ด HTML ใน Safari

สิ่งที่ควรทราบ

• จากเมนู Safari ให้เลือก Develop > Show Page Source
• หรือ คลิกขวาบนหน้าเว็บ และเลือก Show Page Source จากเมนูแบบเลื่อนลง
• แป้นลัด: Option + Command + U

บทความนี้แสดงวิธีดูซอร์สโค้ด HTML ใน Safari

ดูซอร์สโค้ดใน Safari

การแสดงซอร์สโค้ดใน Safari ทำได้ง่ายมาก:

1. เปิด Safari
2. ไปที่หน้าเว็บที่ต้องการตรวจสอบ
3. เลือกเมนู Develop ในแถบเมนูด้านบน เลือกตัวเลือก Show Page Source เพื่อเปิดหน้าต่างข้อความพร้อมซอร์ส HTML ของหน้าเว็บ
   หรือกด Option + Command + U บนคีย์บอร์ด
4. หากไม่เห็นเมนู Develop ให้ไปที่ Preferences ในส่วน Advanced และติ๊กถูก Show Develop menu in menu bar

ในหน้าเว็บส่วนใหญ่ คุณยังสามารถดูซอร์สได้โดยคลิกขวาบนหน้าเว็บ (ไม่ใช่บนรูปภาพ) และเลือก Show Page Source ต้องเปิดใช้ Develop menu ใน Preferences ก่อนจึงจะเห็นตัวเลือกนี้

Safari ยังมีแป้นลัดสำหรับดูซอร์ส HTML: ค้างปุ่ม command และ option แล้วกด U (Cmd + Opt + U)

ประโยชน์ของการดูซอร์สโค้ด

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

จำไว้ว่าไฟล์ซอร์สอาจซับซ้อนมาก นอกจากมาร์กอัป HTML ของหน้าเว็บแล้ว อาจมีไฟล์ CSS และสคริปต์มากที่ใช้สร้างลักษณะและฟังก์ชันของเว็บไซต์ ดังนั้นอย่าหงุดหงิดหากเข้าใจไม่ทันที การดูซอร์ส HTML เป็นเพียงขั้นแรก หลังจากนั้น คุณสามารถใช้เครื่องมือเช่น Web Developer extension ของ Chris Pederick เพื่อดู CSS และสคริปต์ รวมถึงตรวจสอบองค์ประกอบ HTML เฉพาะเจาะจง

การดูซอร์สโค้ดถูกกฎหมายหรือไม่?

แม้การคัดลอกโค้ดของเว็บไซต์ทั้งหมดและนำมาใช้เป็นของตัวเองบนเว็บไซต์จะไม่被接受ได้ แต้การใช้โค้ดนั้นเป็นพื้นฐานเพื่อเรียนรู้เป็นวิธีที่หลายคนก้าวหน้าในอุตสาหกรรมนี้ คุณจะยากที่จะหามืออาชีพเว็บทำงานอยู่ที่ไม่เคยค้นพบสิ่งใดสิ่งหนึ่งจากการดูซอร์สของเว็บไซต์!

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