雷石｜Electron应用调试技巧分享

admin
admin
admin
102369
文章
87
评论
2023年6月30日14:15:41评论111 views字数 1104阅读3分40秒阅读模式

雷石｜Electron应用调试技巧分享

前言
雷石｜Electron应用调试技巧分享
Electron是一个使用JavaScript、HTML和CSS构建跨平台的桌面应用程序。它基于Node.js和Chromium，被Atom编辑器和许多其他应用程序使用。
Electron兼容Mac、Windows和Linux，可以构建出三个平台的应用程序。
相对而言，Electron 的维护成本较低，因而十分流行。VS Code、一些企业的即时通讯工具等，都使用了Electron。但存在性能问题，同时也引入了其他的安全问题。
01.
分析Electron应用
一个正常的Electron程序，通常它的JS源码会被打包到.asar文件中，或者直接以JS文件的方式存储在程序目录内，下面是一个例子。

雷石｜Electron应用调试技巧分享

针对asar文件，可以用官方提供的工具(https://github.com/electron/asar) 进行解包分析，通过extract参数进行解包，当然直接看解包以后的代码并不是很友好，所以这里不做演示。
chrome调试Electron应用
02.
Electron应用实际上也是个Chromium ，可以通过Chromium的方式开启开发者工具。以某工具为例为例，在运行程序时，添加--remote-debugging-port=xxxx 参数，即可在对应端口为Electron应用的主窗口开启远程调试功能：
这里端口需要根据inspect(chrome://inspect/)中的配置来选择。

雷石｜Electron应用调试技巧分享

这里使用9222端口，在命令行添加参数启动。

雷石｜Electron应用调试技巧分享

启动后可以在inspect页面看到对应的Target：

雷石｜Electron应用调试技巧分享

然后就可以点击进入进行调试了，不过此时开启的是Render Process的开发者工具。

雷石｜Electron应用调试技巧分享

我们可以通过添加--inspect=9222参数来调试Main Process。

雷石｜Electron应用调试技巧分享

03.
Debugtron调试Electron应用

Debugtron是一个基于Electron开发的客户端桌面GUI程序，可以用于调试生产环境下的 Electron 应用。项目地址：https://github.com/pd4d10/debugtron 直接下载对应的Releases版本，安装后即可使用。

雷石｜Electron应用调试技巧分享

直接将要调试的Electron应用拖拽过来即可。

雷石｜Electron应用调试技巧分享

不过debugtron中没有找到堆栈调用的信息，可以根据这里端口（devtools），添加到inspect的配置中，用chrome的inspect进行调试。

雷石｜Electron应用调试技巧分享

这样就能跑起来，调起来了。不过现在大多的应用都会对关键的js进行混淆加密，或者使用修改过的Chromium内核，要分析还是要有耐心。
参考
04.

·Electron 的一些调试技巧（点击查看）

原文始发于微信公众号（雷石安全实验室）：雷石｜Electron应用调试技巧分享

  • 左青龙
  • 微信扫一扫
  • weinxin
  • 右白虎
  • 微信扫一扫
  • weinxin
admin
  • 本文由 发表于 2023年6月30日14:15:41
  • 转载请保留本文链接(CN-SEC中文网:感谢原作者辛苦付出)：
                   雷石｜Electron应用调试技巧分享https://cn-sec.com/archives/1846061.html

发表评论

匿名网友 填写信息