Electron抓包体验

最新推荐文章于 2024-06-01 20:15:38 发布
最新推荐文章于 2024-06-01 20:15:38 发布
阅读量1.9k 收藏 4
点赞数 4
文章标签： electron javascript 前端 网络
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37186947/article/details/127680921
版权

背景

在 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
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于 electron 实现简单易用的抓包、mock 工具
qq_32344993的博客
06-26 1807
背景 经常我们要去看一些页面所发出的请求时，经常会用到 Charles 做为抓包工具来进行接口抓取，但一方面市面是很多抓包工具都是收费或者无法二次开发的。当前我们团队大多数用的也都是 Charles，但是对于一般新手来说，单纯想抓个包或者修改和接口返回数据，直接上手 Charles 不管配置成本和学习成本都相对较高。所以我们有必要自己按照自己最爽的状态来撸一个适合自己的抓包工具。 结果 基于以上诉求，我们自己重新设计并修改了交互，搞了一个符合我们诉求，使用简单的桌面端抓包工具。本身这个插件是可以集成到 ut
Fiddler everywhere（来源：bilibili的ABtester）
sinat_38014363的博客
04-04 238
Fiddler抓包Fiddler抓包简介和原理Fiddler 抓包实战Fiddler抓取https协议报文实战及原理 Fiddler抓包简介和原理 fidder是位于服务器与客户端之间的代理。 Fiddler 抓包实战 Fiddler抓取https协议报文实战及原理 ...
微信小程序数据包教程抓取，看完就是学会
最新发布
nhb687095的博客
06-01 1835
有很多粉丝小伙伴问到能不能抓取到微信小程序数据呢？答案当然是肯定的，通过或者Charles这些主流的抓包工具都可以抓得到，在IOS平台抓取微信小程序和https请求都是一样的设置，接下来给大家通过Fiddler演示如何设置在IOS平台端抓取小程序数据包（Charles也是类似）。
Electron应用抓包
lemisky的博客
05-12 1381
以VSCode为例 code.exe --args --proxy-server=localhost:8888 --ignore-certificate-errors
Electron开发实战之13-webwxapi-01
joe的博客
08-07 362
Chrome 开发者工具 打开Chrome 开发者工具 在Chrome菜单中选择 更多工具 > 开发者工具 使用 快捷键 Ctrl+Shift+I(Windows) 或 Opt+Cmd+I (Mac) 在页面元素上右键点击，选择 “检查” 面板 Elements: 操作DOM和CSS Console: 与页面交互，显示日志等 So...
使用Electron构建跨平台的抓取桌面程序
weixin_33699914的博客
09-17 222
使用Electron构建跨平台的抓取桌面程序 谈起桌面应用开发技术, 我们会想到.Net下的WinForm, Java下的JavaFX以及Linux下的QT. 这些技术对于Web应用程序员来说一般比较陌生, 因为大多Web应用程序员的开发技能是前端的JavaScript和后端的Java,PHP等语言. 如果Web应用程序员想开发桌面应用...
Node.js-electronelectron-vue代理工具抓包工具网络功能工具anyproxy
08-10
electron electron-vue 代理工具 抓包工具 网络功能工具 anyproxy
nodejs使用electron抓取网络请求
lwy572039941的博客
12-29 4229
1.安装并启动electron项目 git clone https://github.com/electron/electron-quick-start cd electron-quick-start npm install npm start 2.修改index.html文件，加入 <webview src="https://www.baidu.com" partition="persist:github"></webview> 3.在index.html中加入 <scr
java抓取网页数据_使用Electron构建跨平台的抓取桌面程序
weixin_39921087的博客
11-30 531
使用Electron构建跨平台的抓取桌面程序谈起桌面应用开发技术, 我们会想到.Net下的WinForm, Java下的JavaFX以及Linux下的QT. 这些技术对于Web应用程序员来说一般比较陌生, 因为大多Web应用程序员的开发技能是前端的JavaScript和后端的Java,PHP等语言. 如果Web应用程序员想开发桌面应用怎么办? 主流的桌面应用开发技术的学习曲线不低, 上手比较困难....
极客手中的利器Electron
华章IT官方博客
05-29 792
新书速递作为一个前端开发人员，你可能已经听说过Electron了，你知道VS Code是基于这个技术开发的。其实不只VS Code，目前一些大热的软件：飞书、Slack、WhatsApp...
如何解决网站源码（加密混淆）没有信息也能正确的抓取信息？如何利用electron抓取网站信息？爬虫
guiplan
07-08 1168
如何解决网站源码（加密混淆）没有信息也能正确的抓取信息？如何利用electron抓取网站信息？爬虫首先我们来安装electron,本节课暂不演示electron的安装了，有兴趣的同学可以自己试一试。下载electron-quick-start启动项目修改index.html页面6．创建test.js并修改修改main.js附带几张效果截图 传统的爬虫技术大部分都是通过源代码来获取页面内容，但现在随着社会的发展很多html代码都是动态渲染，渲染逻辑都是在js里处理了。前端的打包编译混淆之后，源码基本连自己都看
electron-lark:使用 electron 封装的网页版飞书 Feishu (原 Lark )客户端, linux 下可用, 提供 ubuntu deb 安装包
05-10
Electron-Lark 下载地址: electron 版的飞书 Feishu (原 Lark)，对网页版本进行封装 相比起普通网页版，功能如下 独立的运行窗口，不容易误关闭 关闭程序时后台运行，隐藏到通知栏小图标，双击可重新打开界面 新消息提醒，状态栏小图标闪烁 解除浏览器限制，避免因浏览器版本不对而提示无法使用 已知问题 部分功能无法使用(工作台/会议等) 飞书网页版缺陷，请向官方反馈 历史问题 ubuntu18.04 Gnome 桌面，锁屏之后，系统通知栏图标 Tray 会消失, 当前规避方案如下 当有新消息提醒的时候，会重置通知栏图标 tray，保证哪怕因为锁屏导致 tray 消失，在收到新消息之后也会重新出现并闪烁 使用 alt + shift + m 的快捷键，重新显示界面以及 dock 图标 V1.0.3 版本已修复，添加了一个 linux 锁屏监听，自动 reset a
electronic-lark：使用电子封装的网页版飞书Feishu（原Lark）客户端，linux下可用，提供ubuntu deb安装包
02-04
电子云雀 下载地址： 电子版的飞书Feishu（原Lark），对网页版本进行封装 引用起普通网页版，功能如下 独立的运行窗口，不容易误关闭 关闭程序时后台运行，隐藏到通知栏小图标，双击可重新打开界面 新消息提醒，状态栏小图标闪烁 解除浏览器限制，避免因浏览器版本不对而提示无法使用 已知问题 ubuntu18.04 Gnome桌面，锁屏之后，系统通知栏图标Tray会消失，当前规避方案如下 当有新消息提醒的时候，会重置通知栏图标托盘，保证哪怕因为锁屏导致托盘消失，在收到新消息之后也会重新出现并闪烁 使用alt + shift + m的快捷键，重新显示界面以及dock图标 V1.0.3版本已修复，添
Fiddle入门使用Electron的最简单方法
08-09
Electron Fiddle让您可以创建和使用小型Electron应用体验。 它在打开后通过快速启动模板迎接您 - 更改一些内容，选择要运行它的Electron版本，然后就可以开始使用。
一个网络代理客户端依赖于Anyproxy.构建在Electron和Vue之上.
08-10
一个网络代理客户端, 依赖于 Anyproxy. 构建在 Electron 和 Vue 之上.
Electron 全屏打包 禁止缩放 拖拽
04-15
在 Electron 开发中，创建全屏应用并禁用用户缩放和拖拽是常见的需求，特别是在构建桌面应用程序时。 Electron 是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用的框架，它允许开发者利用 Node.js 的强大功能...
electron打包若依VUE
06-29
electron打包若依VUE
electron框架包
07-20
Electron框架包是一个强大的...总之，Electron框架包为开发者提供了一种使用熟悉的Web技术构建跨平台桌面应用的途径。通过理解和掌握其核心概念、API以及最佳实践，开发者可以创造出功能强大、用户体验优秀的桌面应用。
electron依赖打包
12-09
在 Electron 开发过程中，开发者通常会使用 `npm`（Node Package Manager）来安装各种依赖包，这些包会被下载到项目根目录下的 `node_modules` 文件夹。这个文件夹非常大，因为它包含了所有依赖及其子依赖，这可能会...
electron如何打包
08-26
Electron是一个允许你使用Web技术（如HTML、CSS和JavaScript）来构建跨平台桌面应用程序的框架。要将Electron应用程序打包成可执行文件，你可以按照以下步骤操作： 1. 在你的Electron项目根目录下，确保已经安装了Electron相关的开发依赖，可以通过运行以下命令来安装： ``` npm install electron-packager --save-dev ``` 2. 在你的项目中创建一个打包脚本（package script），在`package.json`文件中的`scripts`部分添加以下命令： ```json "scripts": { "package": "electron-packager . YourAppName --platform=yourPlatform --arch=yourArch" } ``` 这里的`YourAppName`是你想要打包的应用程序的名称，`yourPlatform`是你想要打包的目标平台（如`win32`、`darwin`或`linux`），`yourArch`是目标平台的架构（如`x64`、`ia32`或`arm64`）。根据你的需求进行相应的替换。 3. 运行以下命令来执行打包脚本： ``` npm run package ``` 4. 执行完命令后，Electron会将你的应用程序打包到指定平台和架构对应的文件夹中。 请注意，以上步骤仅是基本的打包过程。你可能还需要在打包配置中添加其他选项，如应用程序图标、应用程序版本号等。你可以参考Electron官方文档以获取更多详细的信息和选项。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值