electron怎么打开开发者工具

Alive_tree

于 2021-09-09 16:11:41 发布

阅读量3.7k

点赞数

分类专栏： electron 文章标签： electron html css

本文链接：https://blog.youkuaiyun.com/Alive_tree/article/details/120203488

版权

electron 专栏收录该内容

4 篇文章

订阅专栏

我们都知道electron中集成了Chromium，内部有一个最新版的谷歌浏览器，开发者无需再去考虑浏览器的兼容性，这样我们就可以用最新的语法，es6，es7、flex布局等，但是我们想要打开开发者工具调试的时候，按F12却没反应。

打开开发者工具很简单，只需要
win.webContents.openDevTools()

代码如下

if (process.env.WEBPACK_DEV_SERVER_URL) {
    if (!process.env.IS_TEST) win.webContents.openDevTools()
  } else {
    win.webContents.openDevTools()
  }