為何捐款
API 瀏覽器
升級指南
NEW!
quasar.config 檔案
將專案轉換為搭配 Vite 的 CLI
瀏覽器相容性
支援 TypeScript
目錄結構
命令列表
CSS 預處理器
路由
延遲載入 - 代碼分割
處理資源
啟動檔案
預取功能
API 代理
處理 Vite
處理 process.env
使用 Pinia 的狀態管理
使用 Vuex 的狀態管理
Linter
測試與審核
開發行動應用程式
Ajax 請求
開放開發伺服器給公眾
Quasar CLI with Vite - @quasar/app-vite
疑難排解與提示

瀏覽器開發者工具

您可能希望您的應用程式僅在開發模式下提供對瀏覽器開發者工具的存取權限。在生產版本(未啟用偵錯功能)中,您會希望停用此行為。

既然如此,為什麼不在開發模式下預設開啟開發者工具呢?

/src-electron/electron-main

function createWindow () {
  mainWindow = new BrowserWindow({ ... })

  if (process.env.DEBUGGING) {
    // if on DEV or Production with debug enabled
    mainWindow.webContents.openDevTools()
  }
  else {
    // we're on production; no access to devtools pls
    mainWindow.webContents.on('devtools-opened', () => {
      mainWindow.webContents.closeDevTools()
    })
  }
}

偵錯主程序

當您在開發中執行您的應用程式時,您可能已經注意到來自主程序的訊息,提及遠端偵錯器。自 electron@^1.7.2 版本發布以來,引入了透過 Inspect API 進行遠端偵錯的功能,並且可以透過使用 Google Chrome 開啟提供的連結,或透過另一個可以使用預設端口 5858 遠端附加到程序的偵錯器(例如 Visual Studio Code)輕鬆存取。

Debugger listening on ws://127.0.0.1:5858/b285586a-6091-4c41-b6ea-0d389e6f9c93
For help, see: https://node.dev.org.tw/en/docs/inspector