โดยทั่วไปหน้าเว็บจะเขียนด้วย HTML (HyperText Markup Language) หรือภาษามาร์กอัปที่เทียบเท่ากัน เว็บเบราว์เซอร์ต้องสอดคล้องกับองค์ประกอบของทรัพยากรบนเว็บจำนวนมากเช่นรูปภาพสคริปต์สไตล์ชีทและอื่น ๆ เพื่อแสดงหน้าเว็บ เคยต้องการที่จะดูซอร์สโค้ดของหน้าเว็บใด ๆ ใน Safari บน iPhone หรือ Mac ของคุณหรือไม่?

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

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

วิธีเปิดใช้งานโหมดการพัฒนาใน Safari บน Mac

ในการเข้าถึงซอร์สโค้ดใน Safari บน Mac ของคุณคุณต้องเปิดใช้งานโหมดพัฒนาก่อน

ขั้นตอนที่ 1. เปิด Safari บน Mac ของคุณแล้วคลิกที่ Safari →คลิกที่การตั้งค่า

ขั้นตอนที่ 2. ถัดไปคลิกที่แท็บขั้นสูง→ทำเครื่องหมายในช่องถัดจาก แสดงเมนูพัฒนาในแถบเมนู

ตอนนี้แท็บใหม่ที่ชื่อว่า“ พัฒนา” จะปรากฏในแถบเมนู

วิธีแสดง / ดูรหัสต้นฉบับของหน้าใน Safari บน Mac

มีสามวิธีที่คุณสามารถเข้าถึงซอร์สโค้ดหน้าของเว็บเพจ

• • เพียงคลิกขวาที่หน้าและเลือก“ แสดงรหัสที่มา” ตอนนี้ลองดูซอร์สโค้ดของหน้าในหน้าต่างใหม่

• • บนหน้าเว็บคุณต้องกดปุ่มตัวเลือก / Alt + Command + U พร้อมกัน

• • ขณะที่ดูหน้าเว็บใด ๆ ให้เลือกพัฒนาในแถบเมนูและเลือก“ แสดงแหล่งที่มา”

วิธีดูรหัสที่มาของเว็บเพจใน Safari บน iPhone และ iPad

มีแอพ iOS ค่อนข้างน้อยที่ให้คุณดูซอร์สโค้ดของหน้าเว็บใด ๆ ใน Safari บนอุปกรณ์ iOS ของคุณ แต่ฉันพบว่า "แหล่งที่มา" มีประโยชน์มากในการให้คุณเข้าถึงแหล่งที่มา HTML ของหน้าเว็บใด ๆ

วิธีเปิดใช้งาน Safari Extension บนอุปกรณ์ iOS ของคุณ

ขั้นตอนที่ 1. ก่อนอื่นคุณต้องดาวน์โหลด“ Source” บนอุปกรณ์ iOS ของคุณ มันราคาอยู่ที่ $ 0.99

ขั้นตอนที่ 2. ตอนนี้เปิด Safari แล้วแตะที่ปุ่มแบ่งปันในแถบเครื่องมือ

ขั้นตอนที่ # 3 ถัดไปคุณต้องเลื่อนไปทางขวาสุดและแตะที่เพิ่มเติม

ขั้นตอนที่ # 4 ตอนนี้ให้แน่ใจว่าได้เปิดใช้งานแหล่งที่มา จากนั้นให้แตะที่เสร็จสิ้นที่มุมขวาบนเพื่อยืนยัน

เข้าถึง / ดูรหัสต้นฉบับของเว็บเพจใน Safari บน iPhone และ iPad

เมื่อคุณเปิดใช้งานส่วนขยาย Safari แล้วคุณสามารถเข้าถึงซอร์สโค้ดของหน้าเว็บใด ๆ ได้อย่างง่ายดาย

ขั้นตอนที่ 1. เรียกใช้ Safari บนอุปกรณ์ iOS ของคุณ

ขั้นตอนที่ 2. ไปที่หน้าเว็บใด ๆ

ขั้นตอนที่ # 3 ถัดไปแตะที่ปุ่มแบ่งปัน

ขั้นตอนที่ # 4 ตอนนี้แตะที่แหล่งที่มา ตอนนี้ตรวจสอบที่มาของหน้า

ห่อ

ยกเว้นนักพัฒนาและคนที่อยากรู้อยากเห็นฉันไม่คิดว่าหลายคนจะแสดงความสนใจในการดูซอร์สโค้ดที่ซับซ้อนของหน้าเว็บใด ๆ พูดว่าอะไรนะ? โปรดแจ้งให้เราทราบความคิดเห็นของคุณในความคิดเห็นด้านล่างและติดต่อกับเราผ่านทาง Facebook, Twitter และ Google Plus สำหรับโพสต์ที่น่าสนใจอื่น ๆ ตรวจสอบให้แน่ใจว่าได้ดาวน์โหลดแอพ iGeeksBlog iPhone