Skip to content

Instantly share code, notes, and snippets.

@FND

FND/index.html

Last active September 13, 2019 07:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save FND/fa2c10392e478cdbc29cd1601aa60062 to your computer and use it in GitHub Desktop.
Save FND/fa2c10392e478cdbc29cd1601aa60062 to your computer and use it in GitHub Desktop.
Download ZIP
basic Service Worker sample
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My Static Site</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h1>My Static Site</h1>
<p>lorem ipsum</p>
<script src="offline.js"></script>
</body>
</html>
Raw
offline.js
(function() {
if("serviceWorker" in navigator) {
window.addEventListener("load", registerServiceWorker);
}
function registerServiceWorker() {
navigator.serviceWorker.register("/sw.js").
then(function(registration) {
console.log("Service Worker registered for", registration.scope);
}, function(err) {
console.log("Service Worker registration failed:", err);
});
}
}());
Raw
sw.js
let CACHE_NAME = "my-site-cache-v1";
let URIS = ["/index.html"];
self.addEventListener("install", onInstall);
self.addEventListener("fetch", onFetch);
function onFetch(ev) {
let response = caches.match(ev.request).
then(response => response || fetch(ev.request));
ev.respondWith(response);
}
function onInstall(ev) {
ev.waitUntil(caches.open(CACHE_NAME).
then(cache => cache.addAll(URIS)));
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment