ทำไมไฟล์ HTML ถึงดูพังในตัวอย่างไฟล์บน iOS

ตัวอย่างไฟล์ทำอะไรกันแน่

Quick Look ซึ่งเป็นตัวแสดงตัวอย่างของระบบที่อยู่เบื้องหลังการแตะนั้น แสดงผล HTML ในโหมดที่จำกัดไว้โดยตั้งใจ มันถูกออกแบบมาให้เหลือบดูอย่างปลอดภัย ไม่ใช่เพื่อความเที่ยงตรง

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

วินิจฉัยจากอาการ

• อ่านข้อความได้แต่ไม่มีสไตล์เลย → หน้านั้นใช้สไตล์ชีตภายนอกหรือจาก CDN ซึ่งตัวอย่างไฟล์มองข้าม
• ว่างเปล่าทั้งหน้า → หน้านั้นถูกสร้างด้วย JavaScript (พบบ่อยในแอปและหน้าแผนภูมิที่สร้างด้วย AI) เมื่อสคริปต์ไม่ทำงานก็ไม่มีอะไรให้แสดง
• เห็นโค้ดดิบบนหน้าจอ → ไฟล์มาถึงในนามสกุล .txt หรือเสียนามสกุลระหว่างทาง เปลี่ยนชื่อกลับเป็น .html แล้วระบบจะจัดการถูกต้อง
• ไอคอนภาพแตก → ภาพอยู่ข้าง ๆ ไฟล์ HTML การดูตัวอย่างไฟล์เดียวจึงทำให้ภาพเหล่านั้นหลุดจากกัน
• ตัวอักษรเพี้ยน (中文/日本語 กลายเป็นสัญลักษณ์) → ไฟล์ใช้การเข้ารหัสเก่าอย่าง GB18030 หรือ Shift-JIS แต่ตัวอย่างไฟล์อ่านเป็น UTF-8

วิธีแก้: เปิดด้วยตัวแสดงผลจริง

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

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

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

ทำไมไม่ใช้ Safari ไปเลย

Safari เป็นตัวแสดงผลที่ยอดเยี่ยม แต่ไม่มีวิธีที่รองรับอย่างเป็นทางการให้ป้อนไฟล์ภายในเครื่องพร้อมทรัพยากรของมันเข้าไป วิธีเลี่ยงมีอยู่ แต่แต่ละวิธีก็มีคมของมัน ไฟล์เดี่ยวบางทีเปิดได้ผ่าน แชร์ → Safari แต่ไฟล์ข้างเคียงหายไป ส่วนการเอาไฟล์ไปโฮสต์ที่ไหนสักแห่งก็เท่ากับอัปโหลดข้อมูลส่วนตัวขึ้นไป สำหรับไฟล์ แอปสำหรับดูคือคำตอบที่น่าเบื่อแต่เชื่อถือได้ และคู่มือฉบับสมบูรณ์เรื่องการเปิด HTML บน iPhone เปรียบเทียบทุกทางเลือกไว้แล้ว