为什么捐赠
API 资源管理器
升级指南
新增!
quasar.config 文件
转换为使用 Webpack 的 CLI
浏览器兼容性
支持 TypeScript
目录结构
命令列表
CSS 预处理器
路由
延迟加载 - 代码分割
处理资源
启动文件
预取功能
API 代理
处理 Webpack
处理 process.env
使用 Pinia 进行状态管理
使用 Vuex 进行状态管理
代码风格检查
测试与审计
开发移动应用
Ajax 请求
对公众开放开发服务器
Quasar CLI 与 Webpack - @quasar/app-webpack
故障排除和提示

浏览器开发者工具

您可能希望您的应用程序仅在开发模式下才能访问浏览器开发者工具。在生产版本(未启用调试)中,您需要禁用此行为。

顺便说一句,为什么不在开发模式下默认打开开发者工具呢。

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.org.cn/en/docs/inspector