วิธีเปิดและเรียกใช้โปรเจกต์เว็บแบบ ZIP บน iPhone หรือ iPad
อัปเดตเมื่อ 2026-08-09
เว็บไซต์ที่บีบอัดมาเป็น ZIP ไม่ว่าจะเป็นงานส่งในคอร์ส ต้นแบบที่ส่งออกมา ไฟล์สำรองของเว็บไซต์แบบสแตติก หรือแอปหลายไฟล์ที่ AI สร้าง จะไม่ทำงานถ้าคุณแค่แตกไฟล์ในแอปไฟล์ เพราะ iOS จะให้โฟลเดอร์ที่มีไฟล์กระจัดกระจาย Safari เปิดไล่ดูไม่ได้ และอะไรที่ใช้ fetch() หรือโมดูล ES ก็ถูกบล็อกทันทีเมื่อเป็นไฟล์ภายในเครื่อง
วิธีที่ใช้ได้จริงคือ นำเข้า ZIP เป็นโปรเจกต์เดียวเข้าสู่แอปที่รักษาโครงสร้างไว้และให้บริการมันได้เหมือนเว็บไซต์จริง ต่อไปนี้คือขั้นตอนทั้งหมด
ขั้นที่ 1 — นำเข้า ZIP เป็นหนึ่งโปรเจกต์
- แชร์ไฟล์ .zip ไปยัง OpenHTML หรือเลือกมันด้วยตัวนำเข้าในแอป (โฟลเดอร์ก็ได้เช่นกัน)
- ไฟล์เก็บถาวรจะถูกแตกเป็นสำเนาส่วนตัวบนอุปกรณ์ โดยคงโครงสร้างโฟลเดอร์และพาธสัมพัทธ์ทุกเส้นไว้ครบ
- ระบบตรวจหาหน้าเริ่มต้นให้อัตโนมัติ แล้วเปิดขึ้นเป็นเว็บไซต์ที่แสดงผลแล้ว
เปิดผิดหน้าใช่ไหม โปรเจกต์ที่มีไฟล์ HTML หลายไฟล์จะแสดงตัวเลือกไว้ใน เนื้อหาโปรเจกต์ เลือกหน้าเริ่มต้นอื่นแล้วระบบจะจำไว้ให้
ขั้นที่ 2 — เรียกใช้ให้เหมือนเว็บไซต์จริง
เบราว์เซอร์จำกัดหน้าแบบ file:// ไว้โดยตั้งใจ คือไม่มี fetch() ไม่มีโมดูล ES ไม่มี XHR นั่นคือเหตุผลที่โปรเจกต์ซึ่งทำงานได้บนเซิร์ฟเวอร์สำหรับพัฒนาบนเดสก์ท็อป กลับดูพังเมื่อเป็นไฟล์ภายในเครื่อง โหมดเซิร์ฟเวอร์ภายใน (Pro) ของ OpenHTML เรียกใช้โปรเจกต์บนเซิร์ฟเวอร์ส่วนตัวที่ 127.0.0.1 บนตัวอุปกรณ์เอง คำขอแบบ same-origin การนำเข้าโมดูล และการโหลด JSON จึงทำงานเหมือนบนโปรดักชันทุกประการ
เซิร์ฟเวอร์นี้ผูกกับ loopback เท่านั้น ไม่มีอุปกรณ์อื่นในเครือข่ายของคุณเข้าถึงได้ และมันจะหยุดเมื่อคุณออกจากหน้าหรือพักแอปไว้เบื้องหลัง ส่วนการเข้าถึงอินเทอร์เน็ตของตัวหน้าเองยังปิดอยู่จนกว่าคุณจะอนุญาต
ขั้นที่ 3 — วินิจฉัยว่าอะไรผิดปกติ
- การตรวจสอบโครงสร้างจะชี้ไฟล์ที่ HTML อ้างอิงแต่หายไป ไฟล์ที่ไม่ได้ใช้ และพาธที่หลุดออกนอกรากของโปรเจกต์
- การวินิจฉัยแสดงทรัพยากรระยะไกลที่ถูกบล็อกและข้อผิดพลาด JavaScript พร้อมวิธีแก้ในแตะเดียว
- คอนโซลแสดงล็อกของหน้า ส่วนแผงเครือข่าย (Pro) แสดงทุก fetch/XHR พร้อมสถานะและเวลา
- ไฟล์ใดก็ได้ในโปรเจกต์เปิดดูในตัวดูซอร์สได้ พร้อมไฮไลต์และการค้นหา
ต้องแก้จุดบกพร่องที่ไกลกว่าตัวโปรเจกต์ใช่ไหม ดูการแก้จุดบกพร่องหน้าเว็บบน iPhone โดยไม่ต้องใช้ Mac
ขั้นที่ 4 — ส่งออกผลลัพธ์ที่สะอาด
- บรรจุสถานะปัจจุบันของโปรเจกต์กลับเป็น ZIP ชุดใหม่เพื่อส่งต่อ
- รวมทุกอย่างเข้าเป็นไฟล์ HTML เดียวที่สมบูรณ์ในตัวเอง เพื่อแชร์ได้ง่าย
- พิมพ์หน้าที่แสดงผลแล้วเป็น PDF เต็มความยาวหรือภาพยาว (Pro)
กรณีใช้งานทั่วไป
- ตรวจงานเว็บไซต์ของนักเรียนหรือผู้รับจ้างที่ส่งมอบมาเป็น ZIP
- เช็กว่าแอปหลายไฟล์ที่สร้างด้วย AI จาก ChatGPT หรือ Claude ทำงานได้จริงไหม
- อ่านไฟล์ส่งออกของเว็บไซต์สแตติกหรือชุดเอกสารบนรถไฟ แบบออฟไลน์เต็มรูปแบบ
- ตรวจสอบว่าไฟล์สำรองของเว็บไซต์ตัวเองยังเปิดได้ถูกต้อง แม้ผ่านไปหลายปี
รายการความสามารถทั้งหมดอยู่ในหน้าคุณสมบัติโปรเจกต์เว็บแบบ ZIP
ฟรีบน App Store — การดูไฟล์ซึ่งเป็นฟังก์ชันหลักไม่ต้องซื้อเพิ่ม
ดาวน์โหลด OpenHTML