electron 打开调试_【Electron】Electron 调试

electron有主进程和渲染进程，所以调试部分也分为两大块，即调试主进程和渲染进程

一、调试渲染进程

调试渲染进程和调试浏览器的方法基本差不多。在运行electron 应用之后可以通过下面两种方式打开调试工具

1.手动打开

View->Toogle Developer Tools的方式打开

如下图：

2.代码打开

除了上述手动打开的方式之外，也可以通过代码自动打开调试的控制台。在主进程(一般默认的就是main.js)中使用 const mainWindow = new BrowserWindow实例化窗体的时候，加上如下一句功能代码：

//Open the DevTools.

mainWindow.webContents.openDevTools({

mode:'bottom'});

其中 openDevTools 接受一个参数，这个参数是个配置对象，一般会根据自己开发习惯在里面配置控制台打开的方向。当然也可以在控制台打开之后自己调整。

通过上述两种方式之一打开之后会发现后面的调试其实和浏览器中的调试面板差不多。可以查看当前的dom树，请求的面板，以及性能等问题：

二、调试主进程

在一个electron 应用中有且只有一个主进程。调试主进程的方式也有两种，第一种是配合chrome浏览器来进行debugger，第二种是结合开发工具，这里以vscode为例

1.结合chrome

1.1使用 --inspect=[port] 来设置一个运行端口，比如在package.json中配置如下脚本并在终端输入 npm run start：

"scripts": {"start": "electron --inspect=5858 .",

}

1.2浏览器输入： chrome://inspect，配置Discover network targets的端口为上述端口(5858)，点击下方inspect

1.3第二步点击inspect之后就会弹出一个调试主进程的浏览器窗口，就可以在这个窗口中去debugger当前electron应用的主进程了。如下：进入Sources标签，ctrl+p输入main.js查找主进程

2.结合vscode

electron 打开调试_【Electron】Electron 调试相关推荐

tensorflow 调试_如何开始调试TensorFlow
tensorflow 调试 by Daniel Deutsch 由Daniel Deutsch 如何开始调试TensorFlow (How to get started debugging Tenso ...
electron 图标制作_使用Electron和Microsoft Bot Framework制作Skype Bot
electron 图标制作聊天机器人越来越受欢迎. Facebook正在致力于提供一个构建Messenger机器人的框架,该框架将允许企业所有者完全在Facebook的消息传递应用程序内部建立其客户 ...
electron 剪贴板截图_用electron开发了一个屏幕截图工具
前段时间做了一个钉钉的Linux版本,由于是基于网页版做的,所以缺失了很多桌面应用程序的功能.由于使用的用户多是Linux的用户,所以在Linux的截图功能没有,在几个用户的要求下决定做一个截图功能. ...
google 浏览器默认打开控制台_前端开发调试：浏览器console方法总结
今天突发奇想,准备总结下console的各个函数.以前都是只用一个console.log(),查了一下发现有好多,就记下来,方便以后查阅. 速记console Console对象提供浏览器控制台的接入 ...
python断点调试_「Python调试器」，快速定位各种疑难杂症！！！
在很多的编辑器其实都带着「调试程序」的功能,比如写 c/c++ 的 codeblocks,写 Python 的 pycharm,这种图形界面的使用和显示都相当友好,简单方便易学,这个不是我这篇文章要讲 ...
ruby 代码调试_用撬调试Ruby代码
ruby 代码调试 Your comprehensive guide to Pry and how to use it . 有关Pry及其使用方法的综合指南. Every programmer has ...
kdevelop怎么调试_使用Kdevelop4调试ns
在ubuntu12下,写了一个C++模块和tcl脚本,结果运行出现Segmentation fault错误,这一般是C++程序的问题.怎么调试呢? 使用Kdevelop4调试ns(kdevelop的安 ...
直立车各环的调试_平衡小车调试指南(直立环速度环)
平衡小车之家出品 1 平衡小车调试指南接下来将和大家一起以工程的思想去完成一个平衡小车的调试, 包括平衡小车的直立环.速度环.转向环,一般我们是先调试直立环,再调试速度环,最好调试转向环.另外需 ...
eclipse java 程序调试_使用 Eclipse 调试 Java 程序的 10 个技巧
- 友好的可读的对象变量视图是使用对象的toString方法来现实对应的值.因为这个原因,如果提供友好的toString方法实现,对调试来说会非常有用.在javadoc中关于java.lang.Ob ...

electron 打开调试_【Electron】Electron 调试

electron 打开调试_【Electron】Electron 调试相关推荐

最新文章

热门文章