Electron抓包体验

最新推荐文章于 2024-09-19 15:25:50 发布
最新推荐文章于 2024-09-19 15:25:50 发布
阅读量2.2k 收藏 5
点赞数 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 上面也是成立的
在这里插入图片描述

一颗小小的石头.
关注
专栏目录
如何解决网站源码（加密混淆）没有信息也能正确的抓取信息？如何利用electron抓取网站信息？爬虫
guiplan
07-08 1212
如何解决网站源码（加密混淆）没有信息也能正确的抓取信息？如何利用electron抓取网站信息？爬虫首先我们来安装electron,本节课暂不演示electron的安装了，有兴趣的同学可以自己试一试。下载electron-quick-start启动项目修改index.html页面6．创建test.js并修改修改main.js附带几张效果截图 传统的爬虫技术大部分都是通过源代码来获取页面内容，但现在随着社会的发展很多html代码都是动态渲染，渲染逻辑都是在js里处理了。前端的打包编译混淆之后，源码基本连自己都看
【 Qt 的“前世”与“今生”】Qt 的起源 | Qt 的发展历程 | 为什么选择 Qt | Qt 的授权模式 | Qt 版本选择 | Qt Widgets和QML | Qt 程序发布
热门推荐
dvlinker的技术专栏
12-03 2万+
【 Qt 的“前世”与“今生”】Qt 的起源 | Qt 的发展历程 | 为什么选择 Qt | Qt 的授权模式 | Qt 版本选择 | Qt Widgets和QML | Qt 程序发布
Electron系列 -- 实现自动更新/手动更新功能(下)
m0_71071209的博客
07-11 3293
经过上述的好几个步骤，现在要发布新版本，只需要执行 2 个步骤。更新版本号，打包。上传到服务器。如果不加手动触发更新, 也是可以的, 加个轮询机制, 每x个小时主动检查一次更新,否则只能应用打开的第一次检查一次, 陆续不会检测!
Node.js-electronelectron-vue代理工具抓包工具网络功能工具anyproxy
08-10
electron electron-vue 代理工具 抓包工具 网络功能工具 anyproxy
微信小程序数据包教程抓取，看完就是学会
最新发布
2301_77645750的博客
09-19 3013
有很多粉丝小伙伴问到能不能抓取到微信小程序数据呢？答案当然是肯定的，通过或者Charles这些主流的都可以抓得到，在IOS平台抓取微信小程序和https请求都是一样的设置，接下来给大家通过Fiddler演示如何设置在IOS平台端抓取小程序数据包（Charles也是类似）。
Electron应用抓包
lemisky的博客
05-12 1477
以VSCode为例 code.exe --args --proxy-server=localhost:8888 --ignore-certificate-errors
基于 electron 实现简单易用的抓包、mock 工具
qq_32344993的博客
06-26 2036
背景 经常我们要去看一些页面所发出的请求时，经常会用到 Charles 做为抓包工具来进行接口抓取，但一方面市面是很多抓包工具都是收费或者无法二次开发的。当前我们团队大多数用的也都是 Charles，但是对于一般新手来说，单纯想抓个包或者修改和接口返回数据，直接上手 Charles 不管配置成本和学习成本都相对较高。所以我们有必要自己按照自己最爽的状态来撸一个适合自己的抓包工具。 结果 基于以上诉求，我们自己重新设计并修改了交互，搞了一个符合我们诉求，使用简单的桌面端抓包工具。本身这个插件是可以集成到 ut
nodejs使用electron抓取网络请求
lwy572039941的博客
12-29 4498
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 562
使用Electron构建跨平台的抓取桌面程序谈起桌面应用开发技术, 我们会想到.Net下的WinForm, Java下的JavaFX以及Linux下的QT. 这些技术对于Web应用程序员来说一般比较陌生, 因为大多Web应用程序员的开发技能是前端的JavaScript和后端的Java,PHP等语言. 如果Web应用程序员想开发桌面应用怎么办? 主流的桌面应用开发技术的学习曲线不低, 上手比较困难....
electron 入门打包初体验
林中明月间丶
11-18 367
https://www.jianshu.com/p/62c45eddba4celectron 快速入门 https://blog.csdn.net/yu17310133443/article/details/79494953Electron 开发桌面应用（一） 编写→运行→打包 https://blog.csdn.net/HaoDaWang/article/details/78159989?utm_medium=distribute.pc_relevant.none-task-blog-BlogCo..
Electron之初体验
BDawn的专栏
08-22 927
Electron是一款使用HtmlCssJS开发跨平台桌面应用的框架。嵌入Chromium内核和Node.js，使web开发人员能够创建桌面应用程序。
极客手中的利器Electron
华章IT官方博客
05-29 826
新书速递作为一个前端开发人员，你可能已经听说过Electron了，你知道VS Code是基于这个技术开发的。其实不只VS Code，目前一些大热的软件：飞书、Slack、WhatsApp...
程序员表白程序 源码开放性 第一辑 不断更新（程序之爱系列第一辑）
04-11
2. **图形用户界面**：如果程序包含GUI，那么开发者可能使用了库如Tkinter（Python）、JavaFX、Qt（C++）或Electron（JavaScript）来创建用户界面。 3. **事件驱动编程**：用户交互通常基于事件，如点击按钮、按下...
2022年Web前端开发流程和学习路线（详尽版）
weixin_47367099的博客
06-13 9360
前端侧重于人机交互和用户体验，后端侧重于业务逻辑和大规模数据处理。理论上，面向用户的产品里，所有问题（包括产品、设计、后端、甚至看不见的问题）的表现形式，都会暴露在前端，而只有部分问题（数据问题、计算问题、安全问题等）暴露在后端，这就意味着前端起到了至关重要的承载和连接作用。前端技术的更新日新月异；前端框架的技术选型百家争鸣；视觉审美的潮流不断更替；可视化效果酷炫无比；用户的运营体系逐渐精细化；适老化、无障碍化、青少年人群的诉求浮出水面；智能设备的升级和适配无穷无尽。所有的这一切，对前端领域和前端同学就一个
Electron桌面应用打包流程
qq_36091574的博客
05-09 1万+
一. 准备工作     1.npm的安装需要下载node.js,安装完node.js之后npm自然会有。        参考链接：http://www.runoob.com/nodejs/nodejs-install-setup.html     2.Electron环境搭建       a、安装node.js。node官网地址：https://nodejs.org/en/        ...
使用Electron构建跨平台的抓取桌面程序
weixin_33699914的博客
09-17 262
使用Electron构建跨平台的抓取桌面程序 谈起桌面应用开发技术, 我们会想到.Net下的WinForm, Java下的JavaFX以及Linux下的QT. 这些技术对于Web应用程序员来说一般比较陌生, 因为大多Web应用程序员的开发技能是前端的JavaScript和后端的Java,PHP等语言. 如果Web应用程序员想开发桌面应用...
好用的几个抓包工具
qq983985955的博客
10-24 328
链接: https://pan.baidu.com/s/15_AQbgocverOd0zytFv2Ig 提取码: qhjt 复制这段内容后打开百度网盘手机App，操作更方便哦。–来自百度网盘超级会员v5的分享。
MAC下最好用的抓包工具--charles简单操作教程
和合河禾何
04-01 668
一、Charles介绍 给大家推荐一款在mac上我觉得很好用的抓包工具，再过去的半年中给我很大帮助，在工作学习中使用很方便。那么什情况下我们会需要使用抓包工具呢，比如我想查看一个接口请求的参数、返回值，还有移动设备上的http请求、https请求，有了charles一下搞定，妈妈再也不用担心我的学习了，咳咳......，回归正题，介绍一下charles。 Charles是一个HTTP代理服务器...
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
Electron初体验
宝华的小岛
05-01 2303
初次接触Visual Studio Code，就被其高端优雅的界面风格所吸引，后来偶然打开Cocos Creator，更是无限神往。以前开发桌面应用，.Net那界面真心感觉不上档次，想自定义又觉得太麻烦。偶然发现Cocos Creator竟然是用前端技术设计的。于是猜测着是不是有有个什么工具，可以很方便地使用前端技术开发桌面应用，顺便还能解决跨平台的问题。搜了一下，还真有，最有名的就是Electron了。VSCode和Cocos Creator都是用它开发的，个人怀疑Termius也是用它开发的。 于是决
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值