perf: 优化客户端

electron/electron.js

@@ -333,7 +333,7 @@ function createWebWindow(args) {
         })
 
         webWindow.webContents.on('before-input-event', (event, input) => {
-            if (input.meta && input.key.toLowerCase() === 'r') {
+            if (utils.isMetaOrControl(input) && input.key.toLowerCase() === 'r') {
                 reloadWebTab(0)
                 event.preventDefault()
             }
@@ -413,9 +413,11 @@ function createWebWindow(args) {
         }).then(_ => { })
     })
     browserView.webContents.on('before-input-event', (event, input) => {
-        if (input.meta && input.key.toLowerCase() === 'r') {
+        if (utils.isMetaOrControl(input) && input.key.toLowerCase() === 'r') {
             browserView.webContents.reload()
             event.preventDefault()
+        } else if (input.meta && input.shift && input.key.toLowerCase() === 'i') {
+            browserView.webContents.toggleDevTools()
         }
     })
     browserView.webContents.loadURL(args.url).then(_ => { }).catch(_ => { })
@@ -610,6 +612,9 @@ app.on('browser-window-focus', () => {
     if (mainWindow) {
         mainWindow.webContents.send("browserWindowFocus", {})
     }
+    if (storageBrowser) {
+        storageBrowser.webContents.reload()
+    }
 })
 
 /**
@@ -698,6 +703,18 @@ ipcMain.on('webTabBrowser', (event) => {
     event.returnValue = "ok"
 })
 
+/**
+ * 内置浏览器 - 打开开发者工具
+ */
+ipcMain.on('webTabOpenDevTools', (event) => {
+    const item = currentWebTab()
+    if (!item) {
+        return
+    }
+    item.view.webContents.openDevTools()
+    event.returnValue = "ok"
+})
+
 /**
  * 隐藏窗口（mac、win隐藏，其他关闭）
  */
@@ -854,6 +871,9 @@ ipcMain.on('storageBrowser', (event, args) => {
                     nativeWindowOpen: true
                 },
             })
+            storageBrowser.on('closed', () => {
+                storageBrowser = null
+            })
         }
         storageBrowser.loadURL(args.url).then(_ => { }).catch(_ => { })
     }

electron/render/tabs/index.html

@@ -63,6 +63,9 @@
                         break
 
                     case 'title':
+                        if (["HitoseaTask", "DooTask", "about:blank"].includes(detail.title)) {
+                            return
+                        }
                         const titleItem = this.tabs.find(item => item.id === id)
                         if (titleItem) {
                             titleItem.title = detail.title
@@ -100,6 +103,9 @@
                         break
                 }
             }
+            window.__openDevTools = () => {
+                this.sendMessage('webTabOpenDevTools')
+            }
         },
         computed: {
             pageTitle() {

electron/utils.js

@@ -421,5 +421,18 @@ module.exports = {
             }
             callback({responseHeaders: details.responseHeaders});
         });
+    },
+
+    /**
+     * win mac meta control
+     * @param input
+     * @returns {boolean | Point | HTMLElement}
+     */
+    isMetaOrControl(input) {
+        if (process.platform === 'win32') {
+            return input.control
+        } else {
+            return input.meta
+        }
     }
 }