diff --git a/index.html b/index.html
index 9c387569..4d08aa24 100644
--- a/index.html
+++ b/index.html
@@ -3,6 +3,7 @@
 <head>
     <meta charset="UTF-8"/>
     <link rel="icon" type="image/svg+xml" href="/favicon.png"/>
+    <link rel="manifest" href="/manifest.json">
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <title>Type Words - 词文记 | 单词跟打 · 文章跟打</title>
     <!-- 搜索引擎描述 -->
@@ -77,5 +78,16 @@
 <body>
 <div id="app"></div>
 <script type="module" src="/src/main.ts"></script>
+<script>
+  if ('serviceWorker' in navigator) {
+    window.addEventListener('load', () => {
+      navigator.serviceWorker.register('/service-worker.js').then(registration => {
+        console.log('ServiceWorker registration successful with scope: ', registration.scope);
+      }).catch(error => {
+        console.log('ServiceWorker registration failed: ', error);
+      });
+    });
+  }
+</script>
 </body>
 </html>
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 00000000..acb6d6f5
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,16 @@
+{
+  "name": "Type Words - 词文记 | 单词跟打 · 文章跟打",
+  "short_name": "",
+  "start_url": ".",
+  "description": "在线英语打字练习平台，支持单词跟打与文章跟打，帮助提升打字速度与英语学习效率。",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#ffffff",
+  "icons": [
+    {
+      "src": "/favicon.png",
+      "sizes": "800x800",
+      "type": "image/png"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/service-worker.js b/service-worker.js
new file mode 100644
index 00000000..ce063589
--- /dev/null
+++ b/service-worker.js
@@ -0,0 +1,12 @@
+// 'install' 事件在 Service Worker 首次被安装时触发。
+self.addEventListener('install', event => {
+  self.skipWaiting();
+});
+
+// 'activate' 事件在 Service Worker 变为激活状态时触发。
+self.addEventListener('activate', event => {
+  return self.clients.claim();
+});
+
+self.addEventListener('fetch', event => {
+});
\ No newline at end of file
