วิธีเปิดไฟล์ HTML จาก ChatGPT หรือ Claude บน iPhone
อัปเดตเมื่อ 2026-09-15
คุณขอให้ ChatGPT, Claude หรือ Gemini ทำหน้าเว็บ รายงาน หรือแผนภูมิแบบโต้ตอบให้ แล้วได้ไฟล์ .html มา แต่พอแตะบน iPhone กลับเห็นโค้ดดิบ ตัวอย่างที่มีแต่ข้อความ หรือไม่เห็นอะไรเลย นั่นไม่ใช่ความผิดของคุณ iOS ไม่มีแอปในตัวที่แสดงผล HTML ภายในเครื่องได้อย่างถูกต้อง
วิธีแก้ใช้เวลาไม่ถึงหนึ่งนาที คือเปิดไฟล์ในแอปสำหรับดู HTML โดยเฉพาะ ต่อไปนี้คือขั้นตอนทั้งหมด รวมถึงสิ่งที่ควรทำเมื่อหน้าเปิดขึ้นมาแล้วแต่ดูผิดเพี้ยน
ทำไม iPhone ถึงเปิดมันไม่ได้ตั้งแต่แรก
ตัวอย่างไฟล์ในแอปไฟล์แสดงผล HTML ในโหมดที่จำกัด สไตล์ชีตภายนอกถูกมองข้าม JavaScript ไม่ทำงาน และทรัพยากรที่ลิงก์ไว้ไม่ถูกโหลด ส่วน Safari ก็ถูกสร้างมาสำหรับ URL การพาไฟล์ภายในเครื่องพร้อมทรัพยากรครบถ้วนเข้าไปจึงไม่น่าเชื่อถือ แดชบอร์ดที่ AI สร้างและดูดีในหน้าแชตเลยกลายเป็นข้อความไร้สไตล์เต็มจอบนโทรศัพท์ของคุณ
ทางเลือกที่ 1 — แชร์ไฟล์ไปยังแอปดู HTML
- ดาวน์โหลด OpenHTML (ฟรี) แอปดู HTML, Markdown และโปรเจกต์เว็บ ที่เป็นส่วนตัวและทำงานบนอุปกรณ์
- ใน ChatGPT/Claude แอปไฟล์ เมล หรือแอปแชตใดก็ได้ ให้แตะปุ่มแชร์บนไฟล์ .html
- เลือก OpenHTML แล้วหน้าจะเปิดขึ้นแบบแสดงผลแล้ว พร้อมสไตล์และ JavaScript ภายในเครื่องที่ทำงานอยู่
ถ้าไม่เห็น OpenHTML ในแผ่นงานการแชร์ ให้ปัดแถวแอป แตะ เพิ่มเติม แล้วเลือกที่นั่นสักครั้ง จากนั้น iOS จะจำไว้เอง
ทางเลือกที่ 2 — วางโค้ดเข้าไปตรง ๆ
บ่อยครั้ง AI ให้มาเป็นบล็อกโค้ด ไม่ใช่ไฟล์ คุณไม่ต้องบันทึกลงแอปไฟล์ก่อน แค่คัดลอกโค้ด เปิด OpenHTML แตะ + แล้วเลือก วางข้อความหรือลิงก์ โค้ดที่วางจะกลายเป็นหน้าที่แสดงผลแล้วทันที และเก็บไว้ในคลังได้เหมือนไฟล์ที่นำเข้ามาทุกประการ
ทางเลือกที่ 3 — เปิดครั้งเดียวจากแอปไฟล์
ถ้าไฟล์อยู่ใน iCloud Drive หรือ บนอุปกรณ์ของฉัน อยู่แล้ว ให้แตะ + ใน OpenHTML แล้วเลือก เปิดไฟล์ เพื่ออ่านครั้งเดียวโดยไม่นำเข้า ไม่มีอะไรถูกเพิ่มลงในคลังของคุณเว้นแต่คุณจะเลือกบันทึกเอง เหมาะกับไฟล์ที่แค่อยากเหลือบดู
เมื่อหน้าเปิดขึ้นแต่ดูพัง
หน้าที่ AI สร้างมักอ้างอิงสิ่งที่ไม่มีอยู่จริง เช่น เฟรมเวิร์ก CSS บน CDN ไลบรารีแผนภูมิที่โหลดผ่านเครือข่าย หรือไฟล์ภาพที่ AI พูดถึงแต่ไม่เคยสร้าง หน้าไม่ได้เสียหาย แต่มันไม่ครบ และตัวดูทั่วไปก็บอกไม่ได้ว่าส่วนไหนขาด
- การวินิจฉัยของ OpenHTML แสดงชื่อไฟล์ที่หายไปและทรัพยากรระยะไกลที่ถูกบล็อกทุกรายการ พร้อมข้อผิดพลาด JavaScript จากคอนโซล
- ถ้าหน้านั้นต้องใช้ CDN จริง ๆ (ฟอนต์ เฟรมเวิร์ก) ให้อนุญาตการเข้าถึงเครือข่ายเฉพาะเอกสารนั้น ค่าเริ่มต้นจะกันทุกหน้าให้ออฟไลน์ไว้
- ถ้า AI แยกหน้าออกเป็นหลายไฟล์ ให้นำเข้าพร้อมกันเป็นโฟลเดอร์หรือ ZIP เพื่อให้พาธสัมพัทธ์ยังใช้ได้ ดูการเรียกใช้โปรเจกต์เว็บแบบ ZIP
อยากเจาะลึกรูปแบบความผิดพลาดเหล่านี้ อ่านทำไมไฟล์ HTML ถึงดูพังในตัวอย่างไฟล์บน iOS
ความเป็นส่วนตัว: ไฟล์ของคุณไปไหน
ผลลัพธ์จาก AI มักมีข้อมูลของคุณเองอยู่ ทั้งรายงาน ตาราง และร่างงาน OpenHTML เก็บทุกอย่างไว้บนอุปกรณ์ ไฟล์ที่นำเข้าอยู่ในพื้นที่จัดเก็บส่วนตัวของแอป ไม่มีบัญชีหรือการวิเคราะห์ และหน้าเว็บเข้าถึงเครือข่ายไม่ได้จนกว่าคุณจะอนุญาตเป็นรายเอกสาร ไม่มีอะไรถูกอัปโหลดเลยสักครั้ง
มากกว่าการดู
- คำตอบแบบ Markdown ที่มีสูตรก็แสดงผลแบบออฟไลน์ได้เช่นกัน ดูMarkdown + LaTeX บน iPhone
- ต้องส่งผลลัพธ์ให้ใครสักคนใช่ไหม ส่งออกหน้าที่แสดงผลแล้วเป็น PDF เต็มความยาวหรือภาพยาวได้ (Pro)
- กำลังแก้จุดบกพร่องหน้าที่ AI ทำมาเกือบถูกอยู่ใช่ไหม ตัวตรวจสอบองค์ประกอบและแผงเครือข่ายใช้งานได้บนโทรศัพท์เลย ดูการแก้จุดบกพร่องหน้าเว็บบน iPhone
ฟรีบน App Store — การดูไฟล์ซึ่งเป็นฟังก์ชันหลักไม่ต้องซื้อเพิ่ม
ดาวน์โหลด OpenHTML