![](https://developer.chrome.google.cn/static/docs/workbox/workbox.png?hl=th)
Workbox
ไลบรารีและเครื่องมือ Service Worker ที่พร้อมสำหรับการใช้งานจริง
ข้อมูลเบื้องต้นเกี่ยวกับ Service Worker
ดูว่าโปรแกรมทำงานของบริการจะพัฒนาเว็บไซต์ของคุณอย่างต่อเนื่องได้อย่างไร และดูว่า Workbox จะช่วยได้อย่างไร
ภาพรวมของ Service Worker
โปรแกรมทำงานของบริการเป็นเนื้อหา JavaScript แบบพิเศษที่ทำหน้าที่เป็นพร็อกซีระหว่างเว็บเบราว์เซอร์กับเว็บเซิร์ฟเวอร์
อายุการใช้งาน
การทำความเข้าใจพฤติกรรมการทำงานของโปรแกรมทำงานเพื่อให้แอปพลิเคชันออฟไลน์เป็นไปได้
กลยุทธ์การแคช
กลยุทธ์สำหรับการโต้ตอบระหว่างเหตุการณ์การดึงข้อมูลของโปรแกรมทำงานของบริการกับอินเทอร์เฟซแคช
ภาพรวม Workbox
ชุดโมดูลที่ลดความซับซ้อนของการกำหนดเส้นทางและการแคช Service Worker
สิ่งที่จำเป็นต้องทราบ
คำแนะนำที่ควรพิจารณาเมื่อสร้าง Service Worker
ความคาดหวังเกี่ยวกับการทำให้ Service Worker ใช้งานได้
ทำความเข้าใจผลกระทบที่โปรแกรมทำงานของบริการมีต่อเว็บไซต์เมื่อทำให้ใช้งานได้
นำโปรแกรมทำงานของบริการที่มีข้อบกพร่องออก
วิธีแก้ไข Service Worker ที่ทำให้เกิดปัญหา
ปรับปรุงประสบการณ์การพัฒนาโปรแกรมทำงานของบริการ
แก้ปัญหาด้านการพัฒนาในพื้นที่ที่คุณอาจพบเมื่อใช้โปรแกรมทำงานของบริการ
การแก้ปัญหาและการบันทึก
ฟีเจอร์การบันทึกของ Workbox และเครื่องมือแก้ไขข้อบกพร่องของโปรแกรมทำงานในเบราว์เซอร์
กลยุทธ์สำหรับสถาปัตยกรรมต่างๆ
ข้อมูลเบื้องต้นเกี่ยวกับสถาปัตยกรรมเว็บไซต์ 2 แบบ
โมเดล Application Shell
วิธีจับคู่โมเดล Application Shell กับ Service Worker ใน SPA
การโหลดการนำทางล่วงหน้าสำหรับ HTML ที่เน้นเครือข่ายเป็นหลัก
การโหลดการนำทางล่วงหน้าคืออะไร ช่วยเร่งความเร็วในการไปยังส่วนต่างๆ ได้อย่างไร และวิธีใช้งานใน Workbox
แอปพลิเคชันหลายหน้าที่เร็วยิ่งขึ้นด้วยสตรีม
ใช้สตรีมเวิร์กบ็อกซ์สร้างแอปพลิเคชันแบบหลายหน้าเพื่อสร้างประสบการณ์การใช้งานที่รวดเร็วซึ่งแสดงผลได้แทบจะทันที
สิ่งที่ควรและไม่ควรทำก่อนแคช
ดูสิ่งที่ควรและไม่ควรทำในการแคชล่วงหน้า
โควต้าพื้นที่เก็บข้อมูล
คำแนะนำเกี่ยวกับการกำหนดค่า Workbox เพื่อหลีกเลี่ยงปัญหาโควต้าพื้นที่เก็บข้อมูล
กรณีการใช้งานและสูตรอาหาร
ดูวิธีจัดการกับกรณีการใช้งานต่างๆ เพื่อใช้ประโยชน์จาก Workbox ให้ได้มากที่สุด
ใช้หน้าต่างกล่องงาน
บางครั้งผู้ใช้ออฟไลน์ ลองดูวิธีปรับเปลี่ยนและช่วยให้ลูกค้าทำตามคำขอต่างๆ ต่อเมื่อกลับมาออนไลน์ในที่สุด
การแคชทรัพยากรระหว่างรันไทม์
ดูวิธีจัดการทรัพยากรการแคชระหว่างรันไทม์ รวมถึงทรัพยากรแบบข้ามต้นทาง
บังคับใช้ระยะหมดเวลาของเครือข่าย
เรียนรู้วิธีบังคับการหมดเวลาของเครือข่ายเมื่อมีการเชื่อมต่อเครือข่ายที่ช้า ด้วยจังหวะเวลาที่เหมาะสม
เข้าถึงแคชจากหน้าต่าง
การเข้าถึงอินสแตนซ์ของแคชไม่ได้จำกัดอยู่เพียงในขอบเขตของ Service Worker ดูวิธีเข้าถึงได้จากบริบทของหน้าต่าง
แสดงเสียงและวิดีโอที่แคช
ดูวิธีใช้ Workbox-range-request เพื่อจัดการคำขอทรัพยากรเสียงและวิดีโอในลักษณะที่คาดการณ์ได้
จัดการการตอบกลับสำรอง
บางครั้งผู้ใช้พบปัญหาเครือข่ายล้มเหลวหรือออฟไลน์ ดูวิธีปรับให้เข้ากับสถานการณ์เหล่านั้นและใส่คำตอบสำรอง
จัดการการอัปเดตทันที
วิธีอัปเดตผู้ใช้เมื่อคุณอัปเดต Service Worker
ส่งคำขอซ้ำเมื่อกลับมาออนไลน์
บางครั้งผู้ใช้ออฟไลน์ เรียนรู้วิธีปรับเปลี่ยนและช่วยให้คำขอกลับมาทำงานอีกครั้งเมื่อกลับมาออนไลน์
ปลั๊กอิน Workbox
แม้ว่า Workbox จะมียูทิลิตีที่พร้อมให้บริการอยู่แล้วมากมาย แต่คุณก็อาจต้องขยายการใช้งานให้เป็นไปตามข้อกำหนดของแอปพลิเคชัน
แหล่งข้อมูลเพิ่มเติม
เจาะลึกเกี่ยวกับโมดูล Workbox, ซอร์สโค้ด และอื่นๆ
โมดูลเวิร์กบ็อกซ์
โปรแกรมทำงานของบริการเป็นเนื้อหา JavaScript แบบพิเศษที่ทำหน้าที่เป็นพร็อกซีระหว่างเว็บเบราว์เซอร์กับเว็บเซิร์ฟเวอร์
Workbox ใน GitHub
ยื่นปัญหา อ่านบันทึกประจำรุ่น และเรียกดูซอร์สโค้ด