下面是sw的javascript代码。js，serviceworker文件将拦截网络请求并从缓存中提供服务：

const CACHE_NAME = "my-app-cache-v1";

self.addEventListener("fetch", event => {
    event.respondWith(
        fetch(event.request).then(response => { //if the response was successful, clone it and store it in the cache
            if (response.status === 200) {
                caches.open(CACHE_NAME).then(cache => {
                    cache.put(event.request.url, response.clone());
                });
            }
            return response;
        }).catch(() => { //if the request fails, try to serve it from the cache
            return caches.match(event.request).then(response => {
                return response || fetch(event.request);
            });
        })
    );
});

要注册它，请在您的页面上调用以下命令：

if ("serviceWorker" in navigator) {
    window.addEventListener("load", () => {
        navigator.serviceWorker.register("/sw.js");
    });
}

请注意，serviceworker将在您的域根目录下的任何页面中处于活动状态，而不仅仅是在调用此注册的页面中。
您可以在devtools中查看网络请求是否从网络、浏览器缓存或serviceworker提供服务，以确认它正在工作。