diff --git a/packages/shell-chrome/assets/js/popup.js b/packages/shell-chrome/assets/js/popup.js
index e69de29..5d8e260 100644
--- a/packages/shell-chrome/assets/js/popup.js
+++ b/packages/shell-chrome/assets/js/popup.js
@@ -0,0 +1,32 @@
+$(function() {
+  // 获取开关状态
+  chrome.storage.sync.get('clickState', function(budget) {
+      // console.log(budget.clickState);
+      // 获取页面节点
+      let input = document.querySelector("#button-3");
+      // 改变开关状态（保持与上次设置时一致）
+      input.checked = budget.clickState;
+  });
+
+  // 点击开关时改变按钮状态
+  $("#button-3").click(function() {
+      // 获取开关
+      let checked = $("#button-3");
+      // 持久化存储开关状态
+      chrome.storage.sync.set({ 'clickState': checked[0].checked });
+
+      // 自动刷新页面
+      chrome.tabs.query({
+          active: true,
+          currentWindow: true
+      }, (tabs) => {
+          console.log(tabs);
+          let message = {
+              info: 'reload'
+          }
+          chrome.tabs.sendMessage(tabs[0].id, message, res => {
+              console.log(res);
+          })
+      })
+  })
+})
diff --git a/packages/shell-chrome/popup.html b/packages/shell-chrome/popup.html
index 74a7713..bb71c6f 100644
--- a/packages/shell-chrome/popup.html
+++ b/packages/shell-chrome/popup.html
@@ -35,8 +35,8 @@
             </ul>
         </div>
     </div>
-    <!-- <script src="assets/js/lib/jquery.min.js"></script> -->
-    <!-- <script src="assets/js/popup.js"></script> -->
+    <script src="assets/js/lib/jquery.min.js"></script>
+    <script src="assets/js/popup.js"></script>
 </body>
 
 </html>