Electron学习笔记（五）—— 调试小技巧【上】

已于 2022-03-14 18:34:49 修改
阅读量978 收藏
点赞数
分类专栏： Electron 文章标签： electron
于 2020-03-31 16:19:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37899792/article/details/105224685
版权

渲染进程 debugger

主进程debugger  方法一

step1:

命令行开关：
--inspect = [port]

例如：electron --inspect=5858 your/app

step2：

重启项目  出现问题

step3:

打开浏览器输入：chrome://inspect

step3:

 再次重启项目

在浏览器中点击下图中的 inspect

然后就可以找见main.j打断点 

有蝉
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
electron 打开调试_【Electron】Electron 调试
weixin_39597318的博客
12-19 7250
electron有主进程和渲染进程，所以调试部分也分为两大块，即调试主进程和渲染进程一、调试渲染进程调试渲染进程和调试浏览器的方法基本差不多。在运行electron 应用之后可以通过下面两种方式打开调试工具1.手动打开View->Toogle Developer Tools的方式打开如下图：2.代码打开除了上述手动打开的方式之外，也可以通过代码自动打开调试的控制台。在主进程(一般默认的就是m...
electron 调试
问白的博客
03-23 8751
electron debugger 在开发过程中我们经常需要对某一功能进行调试，electron也不例外。 electron有主进程和渲染进程，所以调试部分也分为两大块，即调试主进程和渲染进程 渲染进程 调试渲染进程和调试浏览器的方法基本差不多。在运行electron 应用之后可以通过下面两种方式打开调试工具 手动打开 View->Toogle Developer Tools的方式打开 如下...
关于electron的基本调试
RJ0024的博客
06-04 1771
介绍 调试是开发中必不可少的一个过程，electron分为主进程和渲染进程，所以需要有分别调试这两个进程 渲染进程调试 electron渲染进程的调试跟web开发的调试过程差不多一样，因为这个进程相当于Chromium 的一个窗口，在开发环境中可以设置：win.webContents.openDevTools() 来打开devtools来调试代码。 接下来就可以对渲染进程进行调试， vue-devtools 通常我们是使用vue+electron的模式进行开发，而在平时vue开发中，我们通常使用vue-
Electron-Debug调试-VSCode
qq_31087241的博客
05-11 1359
创建launch.json debug -> Add Configuration 在launch.json中的configurations中新增调试配置 -> AddConfiguration => {} Node.js:Electron Main => {} Chrome : Attach 在Electron Main中新增调试指令 “runtimeArgs”:["–remote-debugging-prot=9222","."], *可选 "win.
electron通过node --inspect，实现electron生成包f12控制台调试
斗师——Ace
03-08 1281
1. 实现通过node --inspect，实现electron生成包f12控制台调试 async openDegbug(){ const getPort=require("get-port"); const path=require("path"); const spawn=require("child_process").spawn; const fetch =require("node-fetch"); const nodePort=await getP.
vue & element & electron MAC学习笔记
01-07
查看vue版本 vue --version 2. 下载安装vue cli , 命令行安装 sudo npm install -g @vue/cli # xcode 的CLI 工具 sudo xcode-select --install # 查看vue历史版本 npm view @vue/cli --versions --json ...
electron 安装，调试，打包的具体使用
10-16
主要介绍了electron 安装，调试，打包的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
使用VSCode调试Electron
01-08
1、点击VSCode左侧的调试按钮打开调试配置面板，然后点击“自定义运行和调试创建launch.json文件”，若出现选择下拉框，则选择“Node.js调试器”，没出现则不用管； 2、此时项目文件夹中的.vscode文件夹中就会多一个...
study-electron:电子学习笔记
05-31
电子学习笔记 什么是电子？ 您可以使用 node.js (io.js) + Chromium 使用 web 技术 (html + css + javascript) 创建桌面应用程序 → 您可以使用浏览器 API 和节点 API 的组合 跨平台（mac、windows、Linux）兼容 ...
Electron学习笔记 5 调试主进程
技术宅男改变世界
05-21 726
调试主进程 Electron 浏览器窗口中的 DevTools 只能调试 在该窗口中执行的 JavaScript (即 web 页面) 。 为了提供一个可以调试主进程的方法，Electron 提供了 --inspect 和 --inspect-brk 开关。 命令行开关 使用如下的命令行开关来调试 Electron 的主进程： –inspect=[port] Electron will listen for V8 inspector protocol messages on the specified po
Electron调试主进程
顺其自然~专栏
04-01 2165
Electron 浏览器窗口中的 DevTools 只能调试在该窗口（即网页）中执行的 JavaScript。要调试在主进程中执行的 JavaScript，您需要使用外部调试器并使用--inspect或--inspect-brk开关启动 Electron。 命令行开关 使用以下命令行开关之一启用主进程的调试： --inspect=[port] inspect：检查，审查 Electron 将在指定的port上侦听 V8 检查器协议消息，外部调试器将需要在此端口上连接。默认port值为5858.
Electron应用调试
最新发布
HoYa_1的博客
07-04 2641
Electron是一个使用JavaScript、HTML和CSS构建跨平台的桌面应用程序。它基于Node.js和Chromium，被Atom编辑器和许多其他应用程序使用。Electron兼容Mac、Windows和Linux，可以构建出三个平台的应用程序。相对而言，Electron 的维护成本较低，因而十分流行。VS Code、一些企业的即时通讯工具等，都使用了Electron。但存在性能问题，同时也引入了其他的安全问题。
electron学习之一：主进程调试配置
qq_44869043的博客
03-30 738
electron学习之主进程调试配置 electron主进程调试 1.使用谷歌浏览器Chrome进行调试： 命令行开关： --inspect=[port] 例如： electron --inspect=5858 your/app 打开浏览器输入: chrome://inspect 选择configure，输入localhost:5858,选择Done，就可以在谷歌浏览器上进行调试。 2.使用v...
Electron常见问题 33 - 如何在VSCode中打断点调试
liuzhen007的专栏
10-14 1344
目录 前言 正文 一、配置调试脚本 二、启动调试按钮 前言 从事Electron开发的同学，必备的技能之一就是启用调试功能，那么如何在VSCode中打断点进行代码调试呢，今天就来介绍一下。 正文 一、配置调试脚本 点击VSCode左侧的“运行”按钮，如下图所示： 选择“Node.js”选项，如下图： 这个时候VSCode会自动创建一个launch.json脚本，把下边的内容拷贝进去，保存即可。 { // 使用 IntelliSense 了解相关属性。 ...
electron 打开调试_调试Electron程序
weixin_39993989的博客
12-19 2370
JS代码的调试由于Chromium的多进程结构，所以JS代码运行在两种不同的进程环境下，对应的调试方式也分为两种渲染进程下的JS代码调试这个相对简单，我们用代码打开Chromium的开发者工具即可愉快的调试了，代码如下：let win = new BrowserWindow()win.webContents.openDevTools()主进程下的JS代码调试这部分相对麻烦些，按下面的步骤来执行：开...
electron 使用vscode调试debug的配置代码
07-23 846
{ “version”: “0.2.0”, “configurations”: [ { "name": "Debug Main Process", "type": "node", "request": "launch", "cwd": "${workspaceRoot}", "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron", "windows": { "runt
【electron】 客户端调试小技巧
hzxOnlineOk的博客
06-16 2383
打开开发者工具 可以方便拦截electron内的请求，也可以通过f12的开发者工具中的source打断点。虽然在electron客户端内也能审查元素。PS：但是其有局限性，如果是窗体套窗体(webview)，就调试不到了，用浏览器自带的delTools可以方便拦截并且打断点调试2、通过在source的输入框（通过ctrl+p打开）输入“/行数321”可以快速定位到321行3、通过electron客户端新开窗体承载的webview。
vscode(visual studio code)下调试electron 类型程序，如何debug跟断点（调试主进程和渲染进程）
zy103118的博客
06-08 1205
vscode debug
Electron.js指南——调试主进程
幽灵 逐梦--专栏
10-20 511
调试主进程 Electron浏览器窗口中的DevTools只能调试在该窗口（即网页）中执行的JavaScript。要调试在主要过程中执行的JavaScript，您将需要使用外部调试器，并使用--inspect或--inspect-brk开关启动Electron。 命令行开关 使用以下命令行开关之一来启用主进程的调试： --inspect=[port] Electron将在指定port的端口上侦听V8检查器协议消息，需要在此端口上连接外部调试器。默认port值为5858。 elec...
electron 打开调试
06-06
如果你想在 Electron 应用程序中打开调试控制台，可以在主进程或渲染进程中使用以下代码： 在主进程中，可以在 `BrowserWindow` 对象实例中的 `webPreferences` 选项中设置 `devTools` 为 `true`，如下所示： ```...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值