วิธี “ดูแหล่งที่มา” จาก Safari บน iPad หรือ iPhone
สารบัญ:
เคยต้องการดูแหล่งที่มาของหน้าเว็บจาก iPad หรือ iPhone หรือไม่ น่าเสียดายที่ Safari บนมือถือไม่ได้รวมคุณสมบัตินี้ไว้ในตัวมันเองและยังไม่มีชุดเครื่องมือตรวจสอบเว็บบนมือถือในตัว แต่ด้วยความช่วยเหลือของ bookmarklet แบบกำหนดเอง คุณสามารถดูแหล่งที่มาของหน้าเว็บใดก็ได้ใน iOS และ iPadOS
บทความนี้จะแสดงให้คุณเห็นวิธีตั้งค่าเพื่อดูซอร์สใน Safari สำหรับ iPad และ iPhone โดยใช้เคล็ดลับ bookmarklet และ javascript
วิธีดู Source ใน Safari สำหรับ iPad & iPhone
- เปิด Safari หากคุณยังไม่ได้ดำเนินการ
- บุ๊กมาร์กหน้าเว็บนี้ (หรืออื่นๆ) ด้วย Safari บน iPad, iPhone หรือ iPod touch และตั้งชื่อบุ๊กมาร์กว่า “View Source”
- คลิกที่นี่เพื่อดู bookmarklet javascript จากนั้นเลือก Select All -> Copy
- แตะไอคอนบุ๊กมาร์กที่หน้าจอเบราว์เซอร์ใหม่ของ Safari แล้วแตะ “แก้ไข” จากนั้นแตะบุ๊กมาร์กที่คุณบันทึกไว้ในขั้นตอนที่ 2
- วางโค้ดจาวาสคริปต์ที่คุณคัดลอกในขั้นตอนที่ 3 ลงในแถบ URL จากนั้นบันทึกการเปลี่ยนแปลงไปยังบุ๊กมาร์กโดยแตะที่ “เสร็จสิ้น”
- ตอนนี้ เมื่อคุณต้องการดูแหล่งที่มาของหน้าเว็บบน iPad หรือ iPhone ให้เปิดเมนูบุ๊กมาร์กแล้วเลือก “ดูแหล่งที่มา”
- ซอร์สโค้ดจะปรากฏในไวยากรณ์ที่เน้นด้วย URL แหล่งที่มาที่คลิกได้
สิ่งสำคัญอย่างหนึ่งที่ควรทราบคือจาวาสคริปต์ที่ใช้ที่นี่จะส่งหน้าที่คุณกำลังดูแหล่งที่มาไปยังเซิร์ฟเวอร์ michelsen.dk เพื่อดำเนินการ หากคุณไม่สบายใจกับเรื่องนี้ ยังมีวิธีแก้ไขปัญหาอื่นๆ อีก แต่จะไม่เน้นไวยากรณ์และไม่ได้สวยงามโดยรวม
ตัวอย่างเช่น คุณสามารถใช้ Javascript ด้านล่างเป็น bookmarklet เพื่อดูซอร์สได้เช่นกัน ซึ่งจะไม่ประมวลผลผ่านเซิร์ฟเวอร์ระยะไกล แต่จะไม่ใช้การเน้นไวยากรณ์:
javascript:(function(){var a=window.open('about:blank').document;a.write('แหล่งที่มาของ '+location. href+'');a.close();var b=a.body.appendChild(a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace='ก่อนตัด ';b.appendChild(a.createTextNode(document.documentElement.innerHTML))})();
เคล็ดลับที่คล้ายกันนี้ใช้บุ๊กมาร์กที่แก้ไขแล้วเพื่อให้คุณเรียกใช้ Firebug ด้วย Mobile Safari บน iPhone หรือ iPad ได้เช่นกัน ซึ่งอาจมีประโยชน์มากกว่าเล็กน้อยสำหรับนักพัฒนาเว็บบางราย
เคล็ดลับดีๆ นี้มาจาก Michelsen.dk พบได้ทาง Twitter คุณสามารถติดตามเราได้ที่นั่นเช่นกัน
ใครจะรู้ สักวันหนึ่ง Safari ใน iOS และ iPadOS จะได้รับความสามารถดั้งเดิมในการดูแหล่งที่มา จนกว่าจะถึงตอนนั้น คุณจะต้องพึ่งแอพหรือเครื่องมือของปาร์ตี้นี้
วิธีนี้ใช้ได้ดีในการทดสอบ แต่ผู้ใช้บางรายรายงานผลลัพธ์ที่แตกต่างกันใน Safari และ iOS เวอร์ชันที่ใหม่กว่า แจ้งให้เราทราบในความคิดเห็นด้านล่างว่าอะไรที่เหมาะกับคุณและ iOS เวอร์ชันใดและ iPad หรือ iPhone ที่คุณใช้
