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 0000000..7d2b9bc
Binary files /dev/null and b/docs/logo.png differ
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
