วิธีดูซอร์สโค้ดของหน้าเว็บบน iPhone และ iPad

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

ตอนนี้ iOS 8 ทำให้การดูแหล่งที่มา เนื้อหา และทรัพยากร DOM ของหน้าง่ายขึ้นมาก และต้องขอบคุณแอพของบุคคลที่สามที่ยอดเยี่ยมพร้อมการสนับสนุนส่วนขยาย คุณสามารถทำได้ใน Safari (ไม่รองรับ Chrome เนื่องจากส่วนขยายสามารถเข้าถึงได้ โดม เฉพาะใน Safari)

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

ดูส่วนขยายแหล่งที่มาสำหรับ Safari

ดูแหล่งที่มา ($0.99) เป็นแอพที่เรียบง่ายแต่ทรงพลังพร้อมส่วนขยาย Safari มีค่าใช้จ่าย $0.99 แต่มาพร้อมกับคุณสมบัติมากมาย

เมื่อติดตั้งแอปแล้ว ให้ไปที่ Safari แล้วแตะ แบ่งปัน ปุ่ม ปัดไปทางขวาที่แถวล่างสุดแล้วแตะ มากกว่า. จากที่นี่ toggle ดูแหล่งที่มา. สิ่งนี้จะเปิดใช้งานส่วนขยาย

เพิ่มเติมเกี่ยวกับส่วนขยาย iOS 8: ส่วนขยาย iOS 8 กำลังกลายเป็น a. อย่างรวดเร็ว เครื่องมืออันทรงพลัง

. ลองดูที่ พวกเขาทำงานอย่างไร, NS ส่วนขยายการแชร์ที่ดีที่สุดและส่วนขยายหนึ่งรายการสามารถช่วยคุณเปลี่ยน Safari ได้อย่างไร เป็นตัวดาวน์โหลดที่เต็มเปี่ยม.

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

ด้านล่าง คุณจะเห็นปุ่มสี่ปุ่ม – เนื้อหา DOM สคริปต์ และข้อมูล

เนื้อหาแสดงรายการรูปภาพทั้งหมดบนหน้า คุณสามารถแตะที่ลิงค์เพื่อดูตัวอย่างและบันทึกภาพ

NS โดม ปุ่มจะแสดงโมเดลต้นไม้พร้อมโครงสร้างลำดับชั้นของเอกสาร HTML, XML และ SVG คุณสามารถแตะที่องค์ประกอบใดก็ได้เพื่อขยาย

NS สคริปต์ ปุ่มช่วยให้คุณเขียนและฉีด Javascript ในหน้าใดก็ได้ (ในเครื่อง) NS ข้อมูล แผงแสดงข้อมูลเกี่ยวกับหน้า

Srcfari

Srcfari ($0.99) เป็นอีกทางเลือกหนึ่งของ View Source แม้ว่าแอปจะแสดงซอร์สโค้ดและเนื้อหา เช่น รูปภาพ, สไตล์ชีต CSS และสคริปต์ที่ทำงานบนหน้าให้คุณเห็น แต่คุณต้องทำจากแอปเอง ไม่มีส่วนขยาย Safari สำหรับ Srcfari

ที่กล่าวว่าการใช้ Srcfari ไม่ใช่ประสบการณ์ที่เลวร้ายเลย แอปมีรูปแบบตัวอักษรที่ดีและสามารถแยกย่อยเนื้อหาตามสคริปต์ CSS และรูปภาพได้ดีกว่าแอป View Source สิ่งหนึ่งที่ฉันมีกับ Srcfari คือเปิดใช้งานการตัดข้อความสำหรับสไตล์ชีต CSS แต่ไม่ใช่เมื่อคุณดูแหล่งที่มาทั้งหมด (ซึ่งแอป View Source ทำ) ซึ่งหมายความว่าจะต้องมีการส่ายกล้องและซูมในปริมาณที่พอเหมาะ อย่างน้อยบน iPhone

นอกจากนั้น Srcfari เป็นเรื่องปกติ คุณสามารถคัดลอกซอร์สโค้ดไปยังคลิปบอร์ดของคุณหรือส่งอีเมลถึงผู้อื่นได้ คุณยังสามารถบันทึกภาพโดยใช้แอพ

บทสรุป

Safari น่าจะเป็นเบราว์เซอร์ที่คุณเลือกบน iOS แล้ว (ส่วนใหญ่เป็นเพราะ iOS ไม่อนุญาตให้คุณเลือก Chrome เป็นค่าเริ่มต้น) หากคุณต้องการดูซอร์สโค้ดบ่อยๆ แอป View Source มูลค่า $0.99 พร้อมส่วนขยาย Safari จะคุ้มราคา

ปกติคุณใช้ iPhone หรือ iPad เพื่อแก้ไขปัญหาเว็บไซต์หรือไม่ หรือเพื่อดูว่ามีอะไรผิดปกติกับพวกเขา? แจ้งให้เราทราบในความคิดเห็นด้านล่าง