วิธีเปิดไฟล์ HTML บน iPhone: คู่มือฉบับสมบูรณ์

วิธีที่ 1 — ดูตัวอย่างในแอปไฟล์

แตะไฟล์ .html ไฟล์ไหนก็ได้ในแอปไฟล์ แล้ว iOS จะแสดงตัวอย่างให้ สำหรับหน้าที่สมบูรณ์ในตัวเอง คือ CSS อินไลน์ทั้งหมดและไม่มีสคริปต์ แค่นี้ก็พออ่านเนื้อหาได้

• สไตล์ชีตภายนอกถูกมองข้าม หน้าจริงส่วนใหญ่จึงเสียเลย์เอาต์
• JavaScript ไม่ทำงาน หน้าที่โต้ตอบได้จะดูเหมือนค้างหรือว่างเปล่า
• ไฟล์ที่ลิงก์ไว้ ทั้งภาพและหน้าอื่น จะหาไม่เจอ

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

วิธีที่ 2 — Safari

Safari แสดงผล HTML ได้สมบูรณ์แบบ ถ้ามาจาก URL แต่กับไฟล์ภายในเครื่องมันเก้กัง iOS ไม่มีวิธีที่รองรับให้ชี้ Safari ไปยังไฟล์พร้อมโฟลเดอร์ทรัพยากรของมัน วิธีเลี่ยง (data URL, ชอร์ตคัต, การโฮสต์ชั่วคราว) มีอยู่จริง แต่พังกับหน้าที่มีหลายไฟล์ และเปลี่ยนงานที่ควรจบในสองแตะให้กลายเป็นโปรเจกต์ ถ้าหน้านั้นอยู่บนเว็บแล้ว ใช้ Safari ถ้าเป็นไฟล์ ใช้แอปสำหรับดู

วิธีที่ 3 — แอปดู HTML โดยเฉพาะ

OpenHTML (ฟรี) เปิด HTML แบบเดียวกับที่เบราว์เซอร์ทำ แต่เริ่มจากไฟล์ แชร์ไฟล์ .html ไฟล์ไหนก็ได้เข้ามา วางโค้ด HTML ตรง ๆ หรือเปิดไฟล์จาก iCloud Drive ครั้งเดียวโดยไม่นำเข้า

• สไตล์ทำงานและ JavaScript ภายในเครื่องรันได้ ส่วนการเข้าถึงเครือข่ายยังปิดอยู่จนกว่าคุณจะอนุญาตเป็นรายหน้า
• หน้าที่มีหลายไฟล์และไฟล์เก็บถาวร ZIP นำเข้าเป็นโปรเจกต์ครบชุด พาธสัมพัทธ์ใช้ได้ตามปกติ ดูโปรเจกต์เว็บแบบ ZIP
• การวินิจฉัยระบุชื่อไฟล์ที่หายไป ทรัพยากรที่ถูกบล็อก และข้อผิดพลาดของสคริปต์ทุกรายการ เมื่อหน้าแสดงผลไม่ถูกต้อง
• ไฟล์ Markdown ก็เปิดเป็นหน้าที่สะอาดตาได้เช่นกัน พร้อมคณิตศาสตร์ LaTeX แบบออฟไลน์ ดูMarkdown + LaTeX

ไฟล์แบบไหนควรใช้วิธีไหน

• หน้าง่าย ๆ ที่สมบูรณ์ในตัวเองและแค่อยากอ่านครั้งเดียว → ตัวอย่างในแอปไฟล์
• หน้าที่อยู่บนเว็บอยู่แล้ว → Safari
• หน้าที่สร้างด้วย AI จาก ChatGPT หรือ Claude → แอปสำหรับดู เพื่อให้สคริปต์และสไตล์ทำงาน
• หน้าเว็บที่บันทึกไว้ รายงานที่ส่งมาทางเมล เว็บไซต์ที่บีบอัดเป็น ZIP หรืออะไรก็ตามที่มีมากกว่าหนึ่งไฟล์ → แอปสำหรับดู

ปัญหาที่พบบ่อยและวิธีแก้เร็ว ๆ

• หน้าเป็นข้อความไร้สไตล์ → CSS ภายนอกไม่ได้โหลด ให้เปิดด้วยแอปที่ใช้สไตล์ได้
• หน้าว่างเปล่า → หน้านั้นต้องใช้ JavaScript แต่ไม่ได้รับอนุญาตให้ทำงาน ให้ใช้แอปที่เปิด JS ภายในเครื่องได้
• ภาพหายไป → ภาพอยู่ข้าง ๆ ไฟล์ HTML ให้นำเข้าทั้งโฟลเดอร์หรือ ZIP ไม่ใช่ไฟล์เดี่ยว
• ข้อความจีน/ญี่ปุ่นกลายเป็นตัวประหลาด → ไฟล์ไม่ใช่ UTF-8 OpenHTML ตรวจจับการเข้ารหัสเก่า (GB18030, Shift-JIS …) ให้อัตโนมัติ
• หน้าต้องใช้ข้อมูลสด → มันใช้ fetch() ให้รันบนเซิร์ฟเวอร์ภายในแบบส่วนตัว (Pro) เพื่อให้ทำงานเหมือนเว็บไซต์ที่โฮสต์ไว้จริง

หมายเหตุเรื่องความเป็นส่วนตัว

ไฟล์ HTML ที่คุณได้รับมามักเป็นรายงานที่มีข้อมูลของคุณอยู่ข้างใน OpenHTML เก็บไฟล์ไว้ในพื้นที่จัดเก็บส่วนตัวบนอุปกรณ์ ไม่มีบัญชีหรือการวิเคราะห์ และบล็อกการเข้าถึงเครือข่ายทั้งหมดเป็นรายหน้าจนกว่าคุณจะเลือกเปิดเอง หน้าที่บันทึกไว้จึงส่งข้อมูลกลับบ้านไม่ได้ถ้าคุณไม่อนุญาต