diff --git a/frontend/src/components/devtools/QuickNavPage.vue b/frontend/src/components/devtools/QuickNavPage.vue
index 0dd734e..d017018 100644
--- a/frontend/src/components/devtools/QuickNavPage.vue
+++ b/frontend/src/components/devtools/QuickNavPage.vue
@@ -37,6 +37,7 @@
         <button @click="clearStorage" class="action-btn">清除存储</button>
         <button @click="reloadPage" class="action-btn">重新加载</button>
         <button @click="toggleConsole" class="action-btn">切换控制台</button>
+        <button @click="openDevtool" class="action-btn">打开开发者工具</button>
       </div>
     </div>
 
@@ -109,6 +110,10 @@ const navigateToManualPath = () => {
   }
 }
 
+const openDevtool = () => {
+    window.electronAPI.openDevTools()
+}
+
 // 清除本地存储
 const clearStorage = () => {
   if (confirm('确定要清除所有本地存储数据吗？')) {