โมดูล

เจาะลึกเกี่ยวกับโมดูล Workbox ที่เจาะจงและเรียกดูเอกสารอ้างอิง API ของโมดูลนั้นเพื่อดูข้อมูลเกี่ยวกับวิธีที่มี

แพ็กเกจ Service Worker

workbox-background-sync
ใช้การซิงค์ในเบื้องหลังเพื่อส่งคำขอเครือข่ายที่เชื่อถือได้ แม้ว่าผู้ใช้จะออฟไลน์อยู่
workbox-broadcast-update
ส่งข้อความไปยังหน้าเว็บเมื่อมีการอัปเดตแคชด้วยการตอบสนองใหม่
workbox-cacheable-response
จำกัดคำขอที่แคชไว้โดยอิงตามรหัสสถานะหรือส่วนหัวของการตอบกลับ
Workbox-core
ปรับระดับบันทึกและเปลี่ยนชื่อแคช มีโค้ดที่แชร์ซึ่งไลบรารี Workbox ทั้งหมดใช้
การหมดอายุของ Workbox
นำคำขอที่แคชไว้ออก โดยอิงตามจำนวนรายการในแคชหรืออายุของคำขอที่แคช
workbox-google-analytics
รองรับการเล่นการโต้ตอบ Google Analytics แบบออฟไลน์ซ้ำ
workbox-navigation-preload
เปิดใช้การโหลดการนำทางล่วงหน้า เพื่อให้รับการตอบสนองของเครือข่ายสำหรับคำขอการนำทางได้เร็วขึ้น
การแคชพื้นที่ทำงานล่วงหน้า
แคชชุดไฟล์ล่วงหน้าได้อย่างง่ายดายและจัดการการอัปเดตไฟล์ได้อย่างมีประสิทธิภาพ
workbox-range-requests
โมดูลนี้รองรับการตอบสนองคำขอ "ช่วง:" โดยใช้ส่วนของข้อมูลที่แคชไว้ก่อนหน้านี้
สูตรสำหรับเวิร์กบ็อกซ์
ใช้รูปแบบเวิร์กบ็อกซ์ทั่วไปได้ง่ายๆ โดยไม่ต้องตั้งค่าจากแพ็กเกจเดี่ยวๆ
การกำหนดเส้นทางกล่องงาน
กำหนดเส้นทางคำขอใน Service Worker ไปยังกลยุทธ์การแคชหรือฟังก์ชันเรียกกลับที่เฉพาะเจาะจง
เวิร์กบ็อกซ์-กลยุทธ์
ชุดกลยุทธ์การแคชรันไทม์ที่จะจัดการกับการตอบสนองต่อคำขอ ซึ่งปกติจะใช้กับ "การเปลี่ยนเส้นทางกล่องทำงาน"

แพ็คเกจหน้าต่าง

หน้าต่างพื้นที่ทำงาน
โมดูลที่ช่วยในการลงทะเบียน Service Worker จัดการการอัปเดต และตอบสนองต่อเหตุการณ์ในวงจร

โมดูล Node.js

workbox-cli
สร้าง Service Worker แทรกไฟล์ Manifest ของ Precache หรือสร้างสำเนาไลบรารี Workbox ไว้ในเครื่องจากบรรทัดคำสั่ง
Workbox-build
โมดูลที่สร้าง Service Worker แทรกไฟล์ Manifest ของแคชล่วงหน้าลงในโค้ดที่มีอยู่ หรือสร้างไฟล์ Manifest สำหรับแคชล่วงหน้า
ปลั๊กอิน Workbox-webpack
สร้าง Service Worker หรือแทรกไฟล์ Manifest สำหรับแคชล่วงหน้าโดยใช้เครื่องมือสร้าง Webpack

ตัวโหลด (CDN)

workbox-sw
มอบวิธีโหลดรันไทม์ของ Workbox โดยไม่ต้องมีขั้นตอนการสร้าง