Quasar CLI with Webpack - @quasar/app-webpack
Browser Devtools
您可能希望您的應用程式僅在開發模式下提供瀏覽器開發者工具的存取權限。在生產版本(未啟用除錯)中,您會希望停用此行為。
既然都說到這裡了,為什麼不在開發模式下預設開啟開發者工具呢。
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()
})
}
}
content_paste
除錯主程序
當您在開發中執行應用程式時,您可能已經注意到來自主程序的消息,提到遠端除錯器。自 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
content_paste