前端学习之路Electron——调试主进程(main.js)

最新推荐文章于 2023-06-29 10:37:13 发布
最新推荐文章于 2023-06-29 10:37:13 发布
阅读量1.4k 收藏
点赞数
分类专栏： # Electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HarryHY/article/details/108568104
版权

–inspect

//main.js
"start":"electron --inspect-brk=5858 .",

如何看到你的main.js进行调试 或者是 打断点

打开你的谷歌浏览器 在地址上输入 下面

chrome://inspect/

然后你会看到你的
在这里插入图片描述
然后在你的config中输入一个你想要的地址

localhost:5858

点击下done
在这里插入图片描述
在去你的项目中启动
然后点击inspect
在这里插入图片描述
然后就可以看到你的main.js的调试了
在这里插入图片描述

官网的API在这里插入图片描述

HarryHY
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
electron主进程调试
qq_34334390的博客
12-18 2765
在electron调试过程中，我们打开开发者工具没有办法调试到主进程的代码，只能调试渲染进程。搜了一下electron的官方文档，看完还是一脸懵逼。后来各种百度，总算是找到了具体的方法，特意记录下来。 一，以下是官方文档的内容（看完之后不知所措~~~~） 二，首先在package.json中添加以下代码 不知道为啥我代码里面一定要用inspect-brk，用inspect的话，断点不起作用 然...
Electron 主进程调试
天空之外
05-22 534
Electron 浏览器窗口的开发工具 devtools 只能调试在该窗口中执行的 JavaScript（比如 web 页面）。要调试在主进程中执行的 JavaScript，我们需要使用外部调试器。Electron 提供了 --inspect 和 --inspect-brk 开关来实现这一操作。 命令行开关 我们可以使用如下的命令行开关来调试 Electron 的主进程。 --inspect=[port] ：当这个开关用于 Electron 时，它将会监听 V8 引擎中有关 port 的调试器协议信息，默
Electron 中的 main.js
08-28
Electron的main.js（或者在某些情况下可能是main.ts）是Electron应用程序的入口点。它是创建Electron窗口，设置主进程和创建渲染进程的主要位置。 以下是main.js或类似文件的一些主要功能： 创建窗口： Electron允许你创建原生桌面应用程序的窗口，并加载HTML，CSS和JavaScript文件作为应用程序的用户界面。这通常在main.js中进行。 设置主进程： Electron应用程序由一个主进程和多个渲染进程组成。主进程是Node.js进程，而渲染进程是Electron创建的原生浏览器窗口。主进程负责管理应用程序的生命周期，处理操作系统事件，以及与操作系统进行交互。 创建渲染进程： main.js通常还负责创建并管理Electron的渲染进程。渲染进程从主进程接收窗口，并运行HTML和JavaScript代码。 与本地操作系统交互： 由于主进程运行在Node.js环境中，因此它可以访问Node.js的所有原生API，包括文件系统操作、网络操作等。这使得Electron应用程序可以与本地操作系统进行更深入的交互
关于electron中入口文件main.js一些重要参数（持续更新maybe）
admin9740的博客
06-14 1235
const {app, BrowserWindow} = require('electron') const path = require('path') let mainWindow function createWindow () { console.log(123) mainWindow = new BrowserWindow({ width...
Electron14以上版本中main.js、renderer.js及preload.js关系和消息调用
replayb的博客
04-13 5715
Electron14以上版本中main.js、renderer.js及preload.js关系和消息调用 Electron框架中主要分成三块，第一个是主框架（相当于CEF frame)，它将内嵌index.html页面，第二个是BrowserWindow，由外框架生成，负责向用户呈现html，第三个是内含的preload.js它负责沟通主框架和内嵌页面之间的通信。 在14版本之前，主框架会开放出一个remote模块，它负责向index.html开放Node.js的All of the Node.js API
【Electron】主线程(main.js)和渲染进程(index.html)如何通信
欧世乐
01-08 3561
前言 Electron使用HTML、CSS和JS编写桌面应用，其最强大的地方就是可以实现与操作系统进行信息交互。本文我们将讨论在Electron中如何在页面上与操作系统进行交互，即渲染进程(index.html)与主进程(main.js)的交互。 IPC IPC模块可以实现从主进程到渲染进程的异步通信，主要分为： IPCMain 工作在主进程（main.js），示范代码——main.js： const ipcMain = require('electron').ipcMain; ipcMain
基于electron打包exe文件中main.js配置
weixin_57011137的博客
09-22 1466
用Electron开发的应用程序本质是一个Node.js应用程序，但它专注的不是Web服务器端，而是桌面应用，即用Web页面做界面。你能把它看作成一个被JavaScript控制的，精简版的Chromium浏览器。 import { app, BrowserWindow, globalShortcut } from 'electron' import * as path from 'path' import { format as formatUrl } from 'url' // import { elec
Electron入门宝典（一）
长夜漫漫，无心睡眠
04-21 1745
一.Electron介绍 二.环境搭建
Electron快速入门
路漫漫其修远兮，吾将上下而求索
06-29 3354
Electron是由GitHub众多开发者开发的一个开源项目，能够使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序。当然了，它也可以与vue和react相结合。前端的小伙伴们，学习它应该很快，是很容易上手的一门技术。文档编写不易，还请各位耐心观看。另外本人能力有限，如有不足之处，还请不吝批评指正！Electron 运行的main脚本的进程被称为主进程。在主进程中运行的脚本通过创建web页面来展示用户界面。一个 Electron 应用总是有且只有一个主进程。
electron_three.js_vue.zip
12-17
12. **electron**: 此目录可能包含了与Electron相关的代码，比如主进程（main process）代码，用于处理应用生命周期、菜单、窗口管理等，以及可能的渲染进程（renderer process）与Vue.js的集成。 综合以上，这个...
前端+将vue项目打包为桌面应用+electron学习
最新发布
04-15
Electron基于Node.js和Chromium的开源项目，它将Node.js的运行时环境和Chromium的渲染引擎结合在一起，使得开发者可以使用Web技术来构建桌面应用程序。Electron提供了丰富的API，使得开发者可以访问操作系统的底层...
前端开发-基于js+electron开发的跨平台前端编辑器实现.zip
04-02
要实现一个跨平台的前端编辑器，首先需要设置Electron项目的结构，包括主进程（main process）和渲染进程（renderer process）。主进程是Electron应用的入口点，负责管理窗口、菜单、应用生命周期等，而渲染进程则...
electronic-next：使用Next.js构建Electron应用程序
02-04
在生产中，它确保file://协议（Electron用于在渲染器过程中加载静态资产）与Next.js包（由next export生成）一起正常使用 在开发过程中，它会处理构建渲染器代码所需的全部流程 用法 首先，使用任何节点软件包管理...
如何利用 Electron 快速开发一个桌面端应用
huan132456765的博客
06-05 6606
一直以来都有听说利用electron可以非常便捷的将网页应用快速打包生成为桌面级应用，并且可以利用 electron 提供的 API 调用原生桌面 API 一些高级功能，于是这次借着论证环信 Web 端 SDK 是否可以在 electron 生成的桌面端正常稳定使用，我决定把官方新推出的，打包到桌面端，并记录一下这次验证的过程以及所遇到的问题以及解决方式。
使用Electron创建桌面程序，从创建到打包
故里2130
01-11 2048
在桌面程序中，使用C#语言可以创建winform和WPF程序，他们2个在Windows中都非常的优秀，还有就是使用QT开发桌面，可以跨平台开发，这三种都是比较“正规”的，而Electron是使用框架开发桌面程序的，还有其他的框架也可以开发桌面程序等等。下面介绍一下Electron开发桌面程序，只要会使用vue，那么使用Electron也非常的简单。第一个文件就是使用node包，第二和第三都是配置文件，这个和创建vue程序是一样的。并且在红色的部分增加命令，表示启动的时候访问electron。
Electron.js指南——快速入门指南
幽灵 逐梦--专栏
10-19 2734
快速开始 Electron是一个框架，使您可以使用JavaScript，HTML和CSS创建桌面应用程序。然后可以将这些应用程序打包以直接在macOS，Windows或Linux上运行，或通过Mac App Store或Microsoft Store分发。 通常，您使用每个操作系统的特定原生应用程序框架为操作系统（OS）创建桌面应用程序。Electron使得您可以使用已知技术来编写应用程序。 先决条件 在使用Electron处理之前您需要安装Node.js的。我们建议您安装最新的LTS或Cur.
electron 实现index.html与main.js通讯，获取input输入框数据。
Li_Ning21的博客
01-27 3583
我都知道一个electron程序 需要 index.html，main.js，package.json； 这一点其他文章都有讲述 我就不再赘述了； 可以参考： Electron桌面应用打包流程 本文着重讲述，如何实现将index.html中的输入数据，转给主进程做其他操作。 可想一个场景：我们实现了一个爬虫程序，但是id需要由electron的index.html来获取，输入后，交由主程序main.js继续其他爬虫操作； 想到的方式就是主进程跟渲染进程的通讯实现； 首先创建一个主进程通讯模块 // ipcM
Electron的进程间通信方式
weixin_49172349的博客
05-13 2588
Electron 进程通信篇 一、Electron进程间如何通信？ 进程间通信 (IPC) 是在 Electron 中构建功能丰富的桌面应用程序的关键部分之一。 由于主进程和渲染器进程在 Electron 的进程模型具有不同的职责，因此 IPC 是执行许多常见任务的唯一方法，例如从 UI 调用原生 API 或从原生菜单触发 Web 内容的更改。 1.渲染器进程到主进程（单向） 要将单向 IPC 消息从渲染器进程发送到主进程，您可以使用 ipcRenderer.send API 发送消息，然后使用 ipcMa
前端学习之路Electron——实现iframe
HarryHY的博客
04-21 6546
在你的入口文件下我的是main.js let BrowserView = electron.BrowserView let view = new BrowserView(); mainWindow.setBrowserView(view); view.setBounds({x:0,y:120,width:1920,height:960}) view.webC...
主进程background.js文件在哪里
06-13
在 Electron 项目中，主进程的 JavaScript 文件通常称为 `main` 文件，文件名为 `main.js` 或 `index.js`，它通常位于项目的根目录下。 但是，如果您使用的是 Vue CLI 来创建 Electron 项目，则主进程文件的名称为 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值