Electron 打开开发者工具 devtools

Electron 打开开发者工具 devtools

在electron开发的过程中,可以用代码控制打开自带chrome的devtools开发者工具,进而调试渲染教程页面。

平时,我们利用chrome要调试网页的时候,按F12(mac下面是shift+花+i)打开的开发者工具,就是这个devtools,或者可以称之为"开发者模式"

1.打开devtools

mainWindow.webContents.openDevTools();

默认状态下,开发者工具的位置是上一次工具打开的位置(左边,右边,下边都有可能。取决于上一次的状态,但不会是分离状态,也没有处于顶部的状态)。

界面右侧打开devtools

mainWindow.webContents.openDevTools({mode:'right'});

界面底部打开devtools

mainWindow.webContents.openDevTools({mode:'bottom'});

界面左侧打开devtools

mainWindow.webContents.openDevTools({mode:'left'});

分离状态打开devtools

mainWindow.webContents.openDevTools({mode:'detach'});

相关推荐
guokanglun4 分钟前
Vue.js动态组件使用
前端·javascript·vue.js
-seventy-16 分钟前
Ajax 与 Vue 框架应用点——随笔谈
前端
我认不到你32 分钟前
antd proFromSelect 懒加载+模糊查询
前端·javascript·react.js·typescript
集成显卡35 分钟前
axios平替!用浏览器自带的fetch处理AJAX(兼容表单/JSON/文件上传)
前端·ajax·json
scc214042 分钟前
spark的学习-06
javascript·学习·spark
焚琴煮鹤的熊熊野火43 分钟前
前端垂直居中的多种实现方式及应用分析
前端
我是苏苏1 小时前
C# Main函数中调用异步方法
前端·javascript·c#
转角羊儿1 小时前
uni-app文章列表制作⑧
前端·javascript·uni-app
大G哥1 小时前
python 数据类型----可变数据类型
linux·服务器·开发语言·前端·python
hong_zc2 小时前
初始 html
前端·html