test: sw

freeshineit · May 31, 2024 · 5f0b34b · 5f0b34b
1 parent 4b8a4f6
commit 5f0b34b
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 18 deletions.
diff --git a/docs/demo.html b/docs/demo.html
@@ -16,35 +16,36 @@
 </head>
 
 <body>
-  <h3>Hello 这是一个可以安装到桌面的网页</h3>
+  <h3 onclick="showNotification()">Hello 这是一个可以安装到桌面的网页</h3>
   <div id="installContainer">
     用谷歌浏览器打开，看一下地址栏后面有一个安装的图标，安装一下试试吧
   </div>
 </body>
 <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
diff --git a/docs/sw.js b/docs/sw.js