ข้อควรรู้
- จากเมนู Safari เลือก พัฒนา> แสดงที่มาของหน้า .
- หรือ คลิกขวาที่เพจแล้ว แสดงที่มาของเพจ จากเมนูแบบเลื่อนลง
- แป้นพิมพ์ลัด:Option+Command+U .
บทความนี้แสดงวิธีการดูซอร์สโค้ด HTML ใน Safari
ดูซอร์สโค้ดใน Safari
การแสดงซอร์สโค้ดใน Safari เป็นเรื่องง่าย:
-
เปิด Safari
-
ไปที่หน้าเว็บที่คุณต้องการตรวจสอบ
-
เลือก พัฒนา เมนูในแถบเมนูด้านบน เลือก แสดงที่มาของหน้า ตัวเลือก เพื่อเปิดหน้าต่างข้อความที่มีซอร์ส HTML ของหน้า
หรือกด Option+Command+U บนแป้นพิมพ์ของคุณ
-
หากมองไม่เห็นเมนู Develop ให้ไปที่ Preferences ใน ขั้นสูง และเลือก แสดงเมนูพัฒนาในแถบเมนู .
ในหน้าเว็บส่วนใหญ่ คุณยังสามารถดูแหล่งที่มาได้ด้วยการคลิกขวาที่หน้า (ไม่ใช่บนรูปภาพ) แล้วเลือก แสดงที่มาของหน้า . คุณต้องเปิดใช้งาน เมนูพัฒนา ใน ค่ากำหนด เพื่อให้ตัวเลือกปรากฏขึ้น
Safari ยังมีแป้นพิมพ์ลัดสำหรับการดูซอร์ส HTML:กด คำสั่ง . ค้างไว้ และ ตัวเลือก คีย์แล้วกด U (สั่ง +เลือก +คุณ .)
ข้อดีของการดูซอร์สโค้ด
การดูแหล่งที่มาเพื่อดูว่านักออกแบบเว็บไซต์ประสบความสำเร็จในการจัดวางได้อย่างไร จะช่วยให้คุณเรียนรู้และปรับปรุงงานของคุณ ในช่วงหลายปีที่ผ่านมา นักออกแบบและนักพัฒนาเว็บจำนวนมากได้เรียนรู้ HTML ค่อนข้างมากโดยเพียงแค่ดูแหล่งที่มาของหน้าเว็บที่พวกเขาเห็น เป็นวิธีที่ยอดเยี่ยมสำหรับผู้เริ่มต้นในการเรียนรู้ HTML และสำหรับผู้เชี่ยวชาญด้านเว็บที่มีประสบการณ์เพื่อดูว่าคนอื่นๆ ใช้เทคนิคใหม่ๆ อย่างไร
จำไว้ว่าไฟล์ต้นฉบับนั้นซับซ้อนมาก นอกจากมาร์กอัป HTML สำหรับหน้าเว็บแล้ว อาจมีไฟล์ CSS และสคริปต์ที่สำคัญที่ใช้ในการสร้างรูปลักษณ์และฟังก์ชันการทำงานของไซต์นั้น ดังนั้นอย่าหงุดหงิดใจหากคุณไม่ทราบสิ่งที่เกิดขึ้นในทันที การดูซอร์ส HTML เป็นเพียงขั้นตอนแรก หลังจากนั้น คุณสามารถใช้เครื่องมือต่างๆ เช่น ส่วนขยาย Web Developer ของ Chris Pederick เพื่อดู CSS และสคริปต์ ตลอดจนตรวจสอบองค์ประกอบเฉพาะของ HTML
การดูซอร์สโค้ดถูกกฎหมายหรือไม่
แม้ว่าการคัดลอกโค้ดของไซต์แบบขายส่งและส่งต่อเป็นโค้ดของคุณเองบนเว็บไซต์นั้นไม่เป็นที่ยอมรับ แต่แน่นอนว่าการใช้โค้ดนั้นเป็นกระดานกระโดดน้ำเพื่อเรียนรู้จากจำนวนคนที่ก้าวหน้าในอุตสาหกรรมนี้ คุณคงรู้สึกลำบากใจที่จะหามืออาชีพด้านเว็บที่ทำงานอยู่ในปัจจุบันซึ่งยังไม่ได้ค้นพบบางสิ่งโดยการดูแหล่งที่มาของเว็บไซต์!
ผู้เชี่ยวชาญด้านเว็บเรียนรู้จากกันและกันและมักจะปรับปรุงงานที่เห็นและได้รับแรงบันดาลใจจาก ดังนั้นอย่าลังเลที่จะดูซอร์สโค้ดของเว็บไซต์และใช้เป็นเครื่องมือในการเรียนรู้
