Electron抓包体验

背景

在 MacOS 上使用飞书时,想针对其中的小程序进行 http 抓包,发现 charles 抓取不到任何相关的 http 信息。但直观上能够判断出小程序是使用 http 进行客户端和服务端通信的

步骤

  1. 进入到应用可执行文件的目录下
cd /Applications/Lark.app/Contents/MacOS
  1. 带 debug 参数执行启动文件 [可能要权限]
sudo ./Feishu -remote-debugging-port=9222
  1. 到 Chrome 中查看,输入网址
 chrome://inspect/

看到小程序,点进去就可以调试了, NetWork 中有 http 记录
在这里插入图片描述

原理

应用程序使用 Electron 框架进行构建, 同一套前端代码可打包成同样的 Linux、Windows、MacOSS 三端桌面应用,所以本质上还是前端打包工具, 并且有游览器 debug 能力, 如果应用选择了开放,那么就可以直接根据上述操作进行调试了。
在这里插入图片描述
官网是没有骗人的,上述操作用在 VS Code 上面也是成立的
在这里插入图片描述

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值