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

已于 2022-03-14 18:34:49 修改
阅读量1k 收藏
点赞数
分类专栏： 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打断点 

有蝉
关注
专栏目录
electron 打开调试_【Electron】Electron 调试
weixin_39597318的博客
12-19 7485
electron有主进程和渲染进程，所以调试部分也分为两大块，即调试主进程和渲染进程一、调试渲染进程调试渲染进程和调试浏览器的方法基本差不多。在运行electron 应用之后可以通过下面两种方式打开调试工具1.手动打开View->Toogle Developer Tools的方式打开如下图：2.代码打开除了上述手动打开的方式之外，也可以通过代码自动打开调试的控制台。在主进程(一般默认的就是m...
electron 调试
问白的博客
03-23 9056
electron debugger 在开发过程中我们经常需要对某一功能进行调试，electron也不例外。 electron有主进程和渲染进程，所以调试部分也分为两大块，即调试主进程和渲染进程 渲染进程 调试渲染进程和调试浏览器的方法基本差不多。在运行electron 应用之后可以通过下面两种方式打开调试工具 手动打开 View->Toogle Developer Tools的方式打开 如下...
electron调试
最新发布
程序员日志
07-26 480
electron 的调试分两步，界面的调试，和主进程的调试。 本篇记录的主进程调试是vscode调试。
关于electron的基本调试
RJ0024的博客
06-04 1796
介绍 调试是开发中必不可少的一个过程，electron分为主进程和渲染进程，所以需要有分别调试这两个进程 渲染进程调试 electron渲染进程的调试跟web开发的调试过程差不多一样，因为这个进程相当于Chromium 的一个窗口，在开发环境中可以设置：win.webContents.openDevTools() 来打开devtools来调试代码。 接下来就可以对渲染进程进行调试， vue-devtools 通常我们是使用vue+electron的模式进行开发，而在平时vue开发中，我们通常使用vue-
Electron-Debug调试-VSCode
qq_31087241的博客
05-11 1386
创建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 1395
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 ...
linux上electron打包成exe,Electron学习笔记: 项目打包成exe桌面应用
weixin_30977281的博客
05-16 800
项目创建完成，启动正常，接下来就是项目打包了。将测试Demo打包成exe桌面应用，点击exe文件，运行项目。书接上文，创建项目有三种方式 Git拷贝、直接创建、通过electron社群提供的命令行工具(CLI) electron-forge 创建项目，看起来对应的项目打包方式也应该有三种才对，但其实细看第一种方式和第三种项目创建方式是一样的，所以它们的项目打包方式也是一样的。打包 electro...
Electron 自定义托盘实战——桌面计算器
小王的技术库
03-16 1259
整理了75个JS高频面试题，并给出了答案和解析，基本上可以保证你能应付面试官关于JS的提问。
网络接口调试工具：一个基于Electron的网络接口调试工具，支持GraphQL、REST和gRPC请求
03-03
一个基于Electron的网络接口调试工具，支持GraphQL、REST和gRPC请求。它拥有简约漂亮的界面，并且可以在Windows、Linux和macOS等主流操作系统上运行。对于开发人员来说，这个工具提供了方便的接口调试和网络请求的...
electron 安装，调试，打包的具体使用
10-16
在本文中，我们将深入探讨如何使用 Electron 进行开发，包括安装、调试和打包应用程序的详细步骤。Electron 是一个开源框架，它允许开发者使用 HTML、CSS 和 JavaScript 创建跨平台的桌面应用程序。以下是对这些关键...
Electron学习笔记 5 调试主进程
技术宅男改变世界
05-21 856
调试主进程 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 2281
Electron 浏览器窗口中的 DevTools 只能调试在该窗口（即网页）中执行的 JavaScript。要调试在主进程中执行的 JavaScript，您需要使用外部调试器并使用--inspect或--inspect-brk开关启动 Electron。 命令行开关 使用以下命令行开关之一启用主进程的调试： --inspect=[port] inspect：检查，审查 Electron 将在指定的port上侦听 V8 检查器协议消息，外部调试器将需要在此端口上连接。默认port值为5858.
Electron应用调试
HoYa_1的博客
07-04 2990
Electron是一个使用JavaScript、HTML和CSS构建跨平台的桌面应用程序。它基于Node.js和Chromium，被Atom编辑器和许多其他应用程序使用。Electron兼容Mac、Windows和Linux，可以构建出三个平台的应用程序。相对而言，Electron 的维护成本较低，因而十分流行。VS Code、一些企业的即时通讯工具等，都使用了Electron。但存在性能问题，同时也引入了其他的安全问题。
electron学习之一：主进程调试配置
qq_44869043的博客
03-30 796
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 1385
目录 前言 正文 一、配置调试脚本 二、启动调试按钮 前言 从事Electron开发的同学，必备的技能之一就是启用调试功能，那么如何在VSCode中打断点进行代码调试呢，今天就来介绍一下。 正文 一、配置调试脚本 点击VSCode左侧的“运行”按钮，如下图所示： 选择“Node.js”选项，如下图： 这个时候VSCode会自动创建一个launch.json脚本，把下边的内容拷贝进去，保存即可。 { // 使用 IntelliSense 了解相关属性。 ...
electron 打开调试_node.js – 在调试Electron / Node应用程序时如何显示网络面板
weixin_29932039的博客
01-12 581
解决方案1 ​​ – 创建自己的您可以包装axios函数并将事件发送到渲染器进程主要电子过程const electron = require('electron');const {app,BrowserWindow,ipcMain} = electron;const _axios = require('request-promise');const axios = {get: (url, para...
electron 打开调试_调试Electron程序
weixin_39993989的博客
12-19 2457
JS代码的调试由于Chromium的多进程结构，所以JS代码运行在两种不同的进程环境下，对应的调试方式也分为两种渲染进程下的JS代码调试这个相对简单，我们用代码打开Chromium的开发者工具即可愉快的调试了，代码如下：let win = new BrowserWindow()win.webContents.openDevTools()主进程下的JS代码调试这部分相对麻烦些，按下面的步骤来执行：开...
快速上手：Electron安装、调试与打包指南
在深入学习和实践Electron开发的过程中，安装、调试以及打包是非常关键的步骤。本文主要围绕如何使用`electron-webpack-quick-start`项目来快速掌握这三个环节。 首先，了解项目推荐。如果你希望快速上手Electron...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值