Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
// sw.js — cache-first strategy for API responses self.addEventListener("fetch", event => { if (event.request.url.includes("/api/")) { event.respondWith( caches.match(event.request).then(cached => cached || fetch(event.request).then(res => { const clone = res.clone(); caches.open("api-v1").then(c => c.put(event.request, clone)); return res; }) ) ); } }); // Register in main.js if ("serviceWorker" in navigator) navigator.serviceWorker.register("/sw.js");
Result
Open