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