搜索
查看
编辑修改
首页
UNITY
NODEJS
PYTHON
AI
GIT
PHP
GO
CEF3
JAVA
HTML
CSS
搜索
程序诗人
这个屌丝很懒,什么也没留下!
关注作者
热门标签
jquery
HTML
CSS
PHP
ASP
PYTHON
GO
AI
C
C++
C#
PHOTOSHOP
UNITY
iOS
android
vue
xml
爬虫
SEO
LINUX
WINDOWS
JAVA
MFC
CEF3
CAD
NODEJS
GIT
Pyppeteer
article
热门文章
1
Mac hosts文件的修改方法_mac 你不是文件“hosts”的所有者,因此没有权限写到该文件。
2
Git下文件的三种状态_git版本服务器下,任何文件均有3种状态,除了那个文件类型
3
2023年最新PyCharm安装详细教程及pycharm配置ji活_pycharm配置c++
4
Windows10玩转Linux子系统(WSL)_wsl发行版推荐
5
万字长文详解供应链金融案例:以菜鸟网络、蚂蚁金服、怡亚通为例_菜鸟 资产证券化
6
[Unity3d]Player Settings导出设置
7
JAVA软件工程师任职资格等级标准_任职资格体系 java开发
8
二十一、Spring boot中Jpa持久化监听器,拦截增删改查_jpa 软删除时拦截
9
史上最全Python快速入门教程,满满都是干货
10
docker使用笔记-windows平台镜像构建及使用_docker from windwos
当前位置:
article
> 正文
Whistle——抓包工具_whistle官网
作者:程序诗人 | 2024-02-03 20:03:03
赞
踩
whistle官网
whistle官网下载及使用:
http://wproxy.org/whistle/
一、功能
二、安装启动whistle
1、Windows和Mac系统,访问https://nodejs.org/,安装LTS版本的Node,默认安装即可
2、安装完成Node后,执行命令,查看当前node版本
C:\Users\zhaoyajun18>
node -v
(如正常输出Node的版本号,表示Node安装成功(Windows系统需重新打开cmd))
3、安装whistle
C:\Users\zhaoyajun18>
npm install -g whistle
4、相关执行命令
C:\Users\zhaoyajun18>
w2 help
5、启动whistle
C:\Users\zhaoyajun18>
w2 start
6、停止whistle
C:\Users\zhaoyajun18>
w2 stop
7、重启whistle
C:\Users\zhaoyajun18>
w2 restart
8、开发模式启动
C:\Users\zhaoyajun18>
w2 run
这种启动方式可以看到插件输出的
console
日志,且会自动加载当前目录的所有插件
这种启动方式无法用w2 stop去终止,也无法用w2 restart重启
三、防火墙配置
四、配置代理
1、
安装Chrome代理插件
SwitchyOmega
2、
浏览器选择whistle作为代理
五、PC端抓包
1、启动whistle:win+R——>w2 start
2、在浏览器输入:
http://127.0.0.1:8899
【network】显示抓到请求的具体内容,【Rules】配置hosts,【Values】mock的response内容
3、打开SwitchOmega选择配置好的“whistle”
4、安装证书
5、查看抓到的包
6、对于抓到的包主要关注以下信息
Access-Control-Request-Headers:content-type
:在实际请求中将要包含的一系列
HTTP
头,以逗号分隔。
Access-Control-Request-Method:post
:请求的方法
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Access-Control-Request-Method
六、移动端抓包
1、启动whistle:win+R——>w2 start
2、在浏览器输入:
http://127.0.0.1:8899
【network】显示抓到请求的具体内容,【Rules】配置hosts,【Values】mock的response内容
3、打开SwitchOmega选择配置好的“whistle”
4、电脑开启热点
5、查看内网ip
6、手机连接电脑热点——配置代理(代理的ip为电脑ip,端口为whistle启动端口)
7、在手机浏览器输入http://rootca.pro/下载证书
8、查看抓到的包
七、前端mock数据
1、打开一个html页面,找到对应的 html文件,下载至本地进行修改
首先将代码复制到Visual Studio Code,保存为.josn格式,右击选择Format Document做格式调整,改完需要修改的数据,保存,修改文件类型为index.html
2、在【Rules】写入对应的请求链接(.html),以及本地存放index.html的路径
可加file://,可不加
八、接口mock数据
1、在【values】写入接口返回内容.josn
2、在【Rules】写mock的接口,格式:
URL file://{filename}
3、
配
置完成——抓到请求为mock的接口——whistle直接将文件(.json)内容作为response返回给请求端
九、补充 Cookli缓存信息
声明:
本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:
https://www.wpsshop.cn/article/detail/57977
推荐阅读
article
whistle
一个神奇
的
前端
调试
工具(抓包\
代理
工具)_
whistle
js
文件替换...
神奇
的
whistle
,免费
的
调试
工具。_
whistle
js
文件替换
whistle
js
文件替换 ...
赞
踩
article
Whistle
实现
原理 —— 从 0 开始
实现
一个
抓包
工具_
whistle
reqheaders
...
whistle
_
whistle
reqheaders
whistle
reqheaders
导语...
赞
踩
article
Whistle
前端
抓
包
_
whistle
抓
不到
包
...
启动
whistle
及配置完代理后,用Chrome浏览器(由于css兼容性问题界面只支持Chrome浏览器)访问配置页面,...
赞
踩
article
whistle
--全新的跨平台
web
调试
工具_
resheaders
://{
cors
}
whistle
...
whistle
是基于Node实现的跨平台
web
调试
代理工具,类似的工具有Windows平台上的Fiddler+Willo...
赞
踩
article
whistle
抓包
工具
的
安装
与使用_
whistle
抓包
教程...
Whistle简介: Whistle是基于Node实现
的
跨平台web调试代理工具,类似
的
工具有Windows平台上
的
Fi...
赞
踩
article
whistle
in
my
eyes
_
whistle
添加
header
...
whistle
是一个跨平台的抓包与 web debug 工具,可以配置代理服务器,模拟接口数据,捕获请求重定向到指定 u...
赞
踩
相关标签
前端
网络
javascript
开发语言
调试工具
web
接口测试
功能测试