Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
หน้าปัจจุบันไม่ตอบสนองด้วยรหัส 200 เมื่อออฟไลน์
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
รายการตรวจสอบ Core Progressive Web App ระบุว่า PWA ควรระบุหน้าออฟไลน์ที่กำหนดเอง รายการตรวจสอบ Progressive Web App ที่มีประสิทธิภาพบอกว่า PWA ควรมอบประสบการณ์การใช้งานแบบออฟไลน์ที่ PWA ทำงานได้แบบออฟไลน์เช่นเดียวกับที่ทำงานออนไลน์ (ในทุกครั้งไม่จำเป็นต้องมีการเชื่อมต่อเครือข่าย)
เรียนรู้เพิ่มเติมในโพสต์ความน่าเชื่อถือของเครือข่ายคืออะไรและคุณวัดความน่าเชื่อถือนี้อย่างไร
วิธีที่การตรวจสอบแบบออฟไลน์ของ Lighthouse ล้มเหลว
Lighthouseจะแจ้งเตือนหน้าเว็บที่ไม่ตอบสนองด้วยการตอบสนอง HTTP 200 เมื่อออฟไลน์
Lighthouse จะจำลองการเชื่อมต่อแบบออฟไลน์โดยใช้โปรโตคอลการแก้ไขข้อบกพร่องระยะไกลของ Chrome จากนั้นพยายามดึงข้อมูลหน้าเว็บโดยใช้ XMLHttpRequest
วิธีทำให้ PWA ทำงานแบบออฟไลน์
- เพิ่มโปรแกรมทำงานของบริการลงในแอป
- ใช้ Service Worker เพื่อแคชไฟล์ในเครื่อง
- เมื่อออฟไลน์ ให้ใช้ Service Worker เป็นพร็อกซีเครือข่ายเพื่อแสดงผลไฟล์เวอร์ชันที่แคชไว้ในเครื่อง
แหล่งข้อมูล
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2024-04-16 UTC
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2024-04-16 UTC"],[],[]]
