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

Browser Devtools

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

既然都說到這裡了,為什麼不在開發模式下預設開啟開發者工具呢。

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