วิธีดูซอร์สโค้ด HTML ของหน้าเว็บบน iPad / iPhone ไม่จำเป็นต้องใช้แอพ

คุณสงสัยเกี่ยวกับเว็บและต้องการดูซอร์สโค้ดของเว็บไซต์ใด ๆ บนอินเทอร์เน็ตหรือไม่? ถ้าเป็นเช่นนั้นคุณไม่ได้อยู่คนเดียว หนึ่งในคำถามที่พบบ่อยที่สุดสำหรับผู้อ่านที่เราเห็นคือการดูซอร์สโค้ด HTML จากหน้าเว็บใดๆ บนan iPhone (หรือ iDevice–iPad หรือ iPod Touch อื่น) โชคดีที่เรามีวิธีแก้ปัญหาด้วย Developer Rob ฉูดฉาด! บทความนี้สรุปขั้นตอนที่จำเป็นในการดูซอร์สโค้ด (HTML, CSS, JavaScript ฯลฯ) สำหรับหน้าเว็บใดๆ บน iDevices ของคุณ รวมถึง iPad, iPhone หรือ iPod touch และเหนือสิ่งอื่นใด ไม่ต้องใช้แอป!

• วิธีดูซอร์สโค้ด HTML ใน Safari

วิธีดูซอร์สโค้ด HTML บน iDevices

8 ขั้นตอนง่ายๆ ในการดูซอร์สโค้ด HTML

1. แตะ Safari (iPhone, iPod หรือ iPad) หากยังไม่ได้เปิด และไปที่หน้านี้ วิธีนี้ใช้ได้กับ Chrome. ด้วย
2. เลือก ปุ่มแชร์ (เรียกอีกอย่างว่า ปุ่มการทำงาน):
3. แตะ บุ๊คมาร์ค:
4. เลือก ชื่อสนาม และกดไอคอน X เพื่อล้างและตั้งชื่อว่า "แสดงที่มาของหน้า" จากนั้นแตะ "บันทึก"
5. ตอนนี้ เยี่ยมชมหน้านี้ และเลือกทั้งหมดแล้วคัดลอกโค้ดจาวาสคริปต์: (เครดิตรหัส: Rob Flaherty)
6. ยืนยันว่ารหัสที่คุณคัดลอกจากเว็บไซต์ของ Rob มีลักษณะเหมือนกัน (แต่ copy จากเพจนี้ ไม่ใช่จากด้านล่าง):
   1. javascript:(function(){var a=window.open('about: blank').document; ก.เขียน('');a.close();var b=a.body.appendChild (a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace='pre-wrap'; b.appendChild (a.createTextNode (document.documentElement.innerHTML))})();
7. แตะ ที่คั่นหนังสือ ไอคอนแล้วแตะ แก้ไข:
8. เลือกบุ๊กมาร์ก "แสดงที่มาของหน้า" ที่คุณเพิ่งสร้างขึ้นในขั้นตอน # 4:
9. แตะช่องที่อยู่และกดไอคอน X เพื่อล้าง จากนั้นวางโค้ดจาวาสคริปต์ที่คุณคัดลอกไว้ในขั้นตอนที่ # 5 จากนั้นแตะเสร็จสิ้น

แค่นั้นแหละ! ตอนนี้คุณสามารถใช้ไปที่หน้าเว็บใดก็ได้โดยใช้ Safari บนมือถือ (และ Chrome) บน iDevice (iPhone, iPod หรือ iPad) ให้แตะ ที่คั่นหนังสือ จากนั้นแตะบุ๊กมาร์ก Show Page Source และหน้าต่างใหม่จะเปิดขึ้นเพื่อแสดงซอร์สโค้ดของหน้าเว็บ เจ๋งและง่าย!

ผลลัพธ์สุดท้ายเพื่อดูซอร์สโค้ด HTML

และแน่นอนว่ามีแอพสำหรับสิ่งนั้น!

หากคุณไม่ชอบความคิดที่ต้องทำตามขั้นตอนด้วยตนเองมากมาย App Store มีแอพบางตัวที่เหมาะกับคุณ! ค้นหาแอปของบุคคลที่สาม เช่น ดูแหล่งที่มา แหล่งที่มาสำหรับหน้าเว็บ เบราว์เซอร์ต้นทาง และแอปที่คล้ายกันที่อนุญาตให้คุณดูซอร์สโค้ด HTML ด้วยแอปเหล่านี้ คุณจะเข้าถึงซอร์สโค้ด HTML, CSS ของเว็บไซต์โปรดทั้งหมด และ Javascript ใดๆ ก็ได้ในบางแอป แอพเหล่านี้บางตัวมีส่วนขยาย Safari สำหรับอุปกรณ์ iOS และรวมถึงการเน้นไวยากรณ์และคุณสมบัติการค้นหาในตัว!

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