From 5f0b34ba8ded619c4a1c930787f545d0c8821cda Mon Sep 17 00:00:00 2001
From: ShineShao <xiaoshaoqq@gmail.com>
Date: Fri, 31 May 2024 16:40:54 +0800
Subject: [PATCH] test: sw

---
 docs/demo.html |  35 ++++++++++++++++++-----------------
 docs/logo.png  | Bin 0 -> 3443 bytes
 docs/sw.js     |   2 +-
 3 files changed, 19 insertions(+), 18 deletions(-)
 create mode 100644 docs/logo.png
diff --git a/docs/demo.html b/docs/demo.html
index ebe685b..f69bda0 100644
--- a/docs/demo.html
+++ b/docs/demo.html
@@ -16,7 +16,7 @@
 </head>
 
 <body>
-  <h3>Hello 这是一个可以安装到桌面的网页</h3>
+  <h3 onclick="showNotification()">Hello 这是一个可以安装到桌面的网页</h3>
   <div id="installContainer">
     用谷歌浏览器打开，看一下地址栏后面有一个安装的图标，安装一下试试吧
   </div>
@@ -24,27 +24,28 @@ <h3>Hello 这是一个可以安装到桌面的网页</h3>
 <script>
   // 检测浏览器是否支持SW
   if (navigator.serviceWorker != null) {
+
+    function showNotification() {
+      Notification.requestPermission().then((result) => {
+        if (result === "granted") {
+          navigator.serviceWorker.ready.then((registration) => {
+            registration.showNotification("Vibration Sample", {
+              body: "Buzz! Buzz!",
+              icon: "./logo.png",
+              vibrate: [200, 100, 200, 100, 200, 100, 200],
+              tag: "vibration-sample",
+            });
+          });
+        }
+      });
+    }
+
     navigator.serviceWorker.register('./sw.js')
       .then(function (registartion) {
         console.log('支持sw:', registartion.scope)
+        showNotification()
       })
 
-    // function showNotification() {
-    Notification.requestPermission().then((result) => {
-      if (result === "granted") {
-        navigator.serviceWorker.ready.then((registration) => {
-          registration.showNotification("Vibration Sample", {
-            body: "Buzz! Buzz!",
-            icon: "../images/touch/chrome-touch-icon-192x192.png",
-            vibrate: [200, 100, 200, 100, 200, 100, 200],
-            tag: "vibration-sample",
-          });
-        });
-      }
-    });
-    // }
-
-
   } else {
     console.log('不支持SW:')
   }
diff --git a/docs/logo.png b/docs/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..7d2b9bca534589d15e19eb055aea890c07b91e3b
GIT binary patch
literal 3443
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
L%^)?pkD~t%NX~}T

literal 0
HcmV?d00001

diff --git a/docs/sw.js b/docs/sw.js
index a71c06d..cc36d25 100644
--- a/docs/sw.js
+++ b/docs/sw.js
@@ -1 +1 @@
-importScripts("./service-worker.js");var cacheStorageKey="190pwa",cacheList=["/","index.html","main.css","logo.png"];self.addEventListener("install",(e=>{e.waitUntil(caches.open(cacheStorageKey).then((e=>e.addAll(cacheList))).then((()=>self.skipWaiting())))})),self.addEventListener("fetch",(function(e){e.respondWith(caches.match(e.request).then((function(t){return null!=t?t:fetch(e.request.url)})))})),self.addEventListener("activate",(function(e){e.waitUntil(caches.keys().then((e=>Promise.all(e.filter((e=>e!==cacheStorageKey)).map((e=>caches.delete(e)))))).then((()=>self.clients.claim())))}));
\ No newline at end of file
+importScripts("./service-worker.js");var cacheStorageKey="190pwa",cacheList=["/","./demo.html","./main.css","./logo.png"];self.addEventListener("install",(e=>{e.waitUntil(caches.open(cacheStorageKey).then((e=>e?.addAll?.(cacheList))).then((()=>self.skipWaiting())))})),self.addEventListener("fetch",(function(e){e.respondWith(caches.match(e.request).then((function(t){return null!=t?t:fetch(e.request.url)})))})),self.addEventListener("activate",(function(e){e.waitUntil(caches.keys().then((e=>Promise.all(e.filter((e=>e!==cacheStorageKey)).map((e=>caches.delete(e)))))).then((()=>self.clients.claim())))}));
\ No newline at end of file
