Whistle强大的WEB调试代理工具

whistle代理、SwitchyOmega 安装及使用 2、数据请求和页面请求进行分离,aa.com/api是后端接口,返回的是一串JSON数据,aa.com返回的是一个html页面,假设页面aa.com想要获取aa.com/api的JSON数据,由于前端(8081)与后端(8080)使用的端口不同,导致出现跨域,前端8081是访问不到后端8080数据的,使用代理来访问相同域名下的不同路径就可以避免这个问题;1、安装完成后,命令行输入: w2 help,看到如下图界面,表示已安装成功。3、https必须安装证书!2、安装 Whistle。 阅读详情

whistle(读音[ˈwɪsəl],拼音[wēisǒu])基于Node实现的跨平台web调试代理工具,类似的工具有Windows平台上的Fiddler,主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应,也可以作为HTTP代理服务器使用,不同于Fiddler通过断点修改请求响应的方式,whistle采用的是类似配置系统hosts的方式,一切操作都可以通过配置实现,支持域名、路径、正则表达式、通配符、通配路径等多种匹配方式,且可以通过Node模块扩展功能:安装启动whistle,需要以下四个步骤: 安装Node、安装whistle、启动whistle、配置代理

Whistle也是nodejs开发的跨平台web调试代理工具,查看、修改或构造http(s)、websocket请求响应数据。

工具地址:https://github.com/avwo/whistle 

介绍及相关用法:https://github.com/avwo/whistle/wiki

帮助文档:http://wproxy.org/whistle/

1. 安装Node

whistle支持v0.10.0以上版本的Node,为获取更好的性能推荐安装最新版本的Node可以忽略此步骤,直接进入安装whistle的步骤

  1. Windows或Mac系统,访问https://nodejs.org/,安装LTS版本的Node,默认安装即可。
  2. Linux下推荐使用源码安装: 从Node官网下载最新版的Source Code(或者用wget命令下载),解压文件(tar -xzvf node-vx.y.z.tar.gz)后进入解压后的根目录(node-vx.y.z),依次执行./configure、./make和./make install

安装完Node后,执行下面命令,查看当前Node版本

$ node -v
v4.4.0

如果能正常输出Node的版本号,表示Node已安装成功(Windows系统可能需要重新打开cmd)

2. 安装whistle

Node安装成功后,执行如下npm命令安装whistle (Mac或Linux的非root用户需要在命令行前面加sudo,如:sudo npm install -g whistle)

$ npm install -g whistle

npm默认镜像是在国外,有时候安装速度很慢或者出现安装不了的情况,可以使用taobao的镜像安装加速安装:

$ npm install cnpm -g --registry=https://registry.npm.taobao.org
$ cnpm install -g whistle

或者直接指定镜像安装:
$ npm install whistle -g --registry=https://registry.npm.taobao.org

whistle安装完成后,执行命令 whistle help 或 w2 help,如果能正常输出whistle的帮助信息,表示whistle已安装成功。

3. 启动whistle

最新版本的whistle支持三种等价的命令whistle、w2、wproxy

启动whistle:

$ w2 start

Note: 如果要防止其他人访问配置页面,可以在启动时加上登录用户名和密码 -n yourusername -w yourpassword

重启whsitle:

$ w2 restart

停止whistle:

$ w2 stop

调试模式启动whistle(主要用于查看whistle的异常及插件开发):

$ w2 run

启动完whistle后,最后一步需要配置代理

4. 配置代理

代理服务器:127.0.0.1 (如果部署在远程服务器或虚拟机上,改成对应服务器或虚拟机的ip即可)

默认端口:8899 (如果端口被占用,可以在启动是时通过 -p 来指定新的端口,更多信息可以通过执行命令行 w2 help 

浏览器代理:安装Chrome浏览器代理插件:推荐安装SwitchyOmega

PS: 如果配置完代理,手机无法访问可能是whistle所在的电脑防火墙限制了远程访问whistle的端口,关闭防火墙或者设置白名单

访问配置页面

启动whistle及配置完代理后,用Chrome浏览器(由于css兼容性问题界面只支持Chrome浏览器)访问配置页面,如果能正常打开页面,whistle安装启动完毕,可以开始使用,可以通过以下两种方式来访问配置页面:

​​​​​下载rootCA认证

手机连接电脑ip并指定端口,就可以在浏览器中查看到数据的请求。

设置https拦截:

1. 点击菜单https,下载rootCA证书,同时勾选Intercept HTTPS CONNECTS

ä¸è½½æ ¹è¯ä¹¦

2. 手机扫码下载rootCA证书,并导入到手机中,这里跟Fiddler一致,也可以浏览器输入rootca.pro即可

3. 访问https网站,可以抓到数据

PS:目前whistle工具已经在chrome商店中上线,可以在chrome://apps中通过搜索whistle,下载whistle插件方式安装

访问界面

whistle网络代理实战分享 前端开发的小伙伴可能有遇到过这种情况:本地运行一个http协议的h5页面,在微信打不开,微信小程序业务域名只能配置https协议。这样就会导致真机调试非常麻烦,每次都要发一个版本。(如果小伙伴有不用代理解决的方法欢迎评论区交流~)此时,网络代理就能发挥作用啦~(我目前只用过whistle这一个代理工作,其他类似工具也欢迎小伙伴评论区讨论~) 阅读详情

相关推荐

抓包工具之whistle(http、https、socks5)

[whistle](https://github.com/avwo/whistle)(读音[ˈwɪsəl],拼音[wēisǒu])基于Node实现的跨平台web调试代理工具,类似的工具有Windows平台上的[Fiddler](http://www.telerik.com/fiddler/),主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应,也可以作为HTTP代理服务器使用

西京刀客 2972

使用whistle代理

whistle是基于node实现的跨平台web调试代理工具,主要用于查看、修改http、https、websocket的请求、响应,也可以作为http代理服务器使用。类似的工具有Fiddler,不同于Fiddler通过断点修改请求响应的方式,whistle采用的是类似配置系统hosts的方式,一切操作都可以通过配置实现,支持域名、路径、正则表达式、通配符、通配路径等多种匹配方式,配置使用起来非常简单。 安装与启动 前提:安装Node程序 访问https://nodejs.org,安装最新版本默

qq_39291028的博客 5700

前端调试利器Whistle:从安装配置到实战抓包与Mock数据

在Web开发和接口调试中,网络请求的拦截、分析与修改是核心需求。传统浏览器开发者工具虽能实时监控,但在请求的深度控制、持久化查看和跨环境模拟方面存在局限。通过代理服务器技术,开发者可以构建一个本地流量中转站,实现对HTTP/HTTPS/WebSocket请求的捕获、重定向与修改,这为前端调试、接口Mock和问题复现提供了强大支持。其技术价值在于将网络层调试能力工程化、可配置化,能无缝对接Vue、React等任意前端框架及Java、Node.js等后端服务。典型应用场景包括线上问题定位、本地文件替换线上资源、

weixin_30727835的博客 876

whistle网络抓包

手机设置代理 连接好指定的wifi后,点击那个wifi里的设置,将「代理」那一项,设置为手动,然后输入ip(电脑上的ip)、端口号(8899)。然后就可以通过电脑上的whistle工具,查看手机的网页请求。 注意,要保证手机和电脑在同一个网络下。 捕获和拦截https请求 whistle安装证书后,可以拦截 https 请求。但是,我现在又不想拦截https请求了,该怎么卸载证书呢? 我发现,证书无法卸载,正确的操作是: 上图中,把红框部分,去掉勾选,就不捕获https了。谢谢azh童鞋。 参考链接:

weixin_46820017的博客 1168

前端调试利器:Whistle+SwitchyOmega本地Web代理环境搭建与高阶玩法

Web代理是网络调试与开发中的核心概念,它通过在客户端与服务器之间建立中间层,实现对网络请求的拦截、分析与修改。其工作原理是作为HTTP/HTTPS请求的转发枢纽,允许开发者查看请求/响应的原始数据,并能按需改写内容或重定向流量。这项技术的核心价值在于,它极大地提升了前端开发、接口联调与线上问题排查的效率,使开发者能在本地环境中精准复现并干预线上行为,无需后端频繁配合或直接修改生产代码。典型的应用场景包括:本地文件替换线上资源以快速验证修复、Mock接口数据支持前后端并行开发、模拟慢速网络或异常状态码测试应

weixin_30911451的博客 638

Whistle本地代理工具:从安装配置到核心功能实战指南

本地代理工具是前端开发和测试调试中的关键技术,它通过在客户端与服务器之间建立中间层,实现对网络请求的拦截、修改与模拟。其核心原理是代理服务器转发机制,能够在不修改服务端代码的情况下,对请求和响应进行灵活处理。这一技术为开发者提供了强大的调试能力,尤其在接口Mock、数据替换和网络环境模拟等场景中价值显著。在工程实践中,诸如Whistle这样的工具,结合Node.js环境和npm包管理,能够高效解决线上问题复现、弱网测试等常见开发痛点。本文聚焦于Whistle的安装配置、规则语法及实战应用,帮助开发者快速掌握

weixin_30522183的博客 545

【whistle】强大的web调试代理工具

来来来,看这里,告诉大家一个调试代码超好用的工具,以前每次改代码都要上到测服或正服才能看到效果,这导致开发的时间被拉长且不方便。最近公司有个大神总是会抽时间传授我们知识,这个调试代理工具就是他安利给我们的。超开心的,改Bug再也不怕麻烦了,一些不知道还能这么操作的人可以看看,这样就可以节省时间,早点下班啦~~~,whistle 使用实践 whistle #安装 npm i -g whi...

Ercyao的博客 1081

Whistle与SwitchyOmega代理工具全攻略:从安装到实战配置

本文详细介绍了Whistle与SwitchyOmega代理工具的安装、配置与实战应用。通过分步指南,帮助开发者快速搭建网络调试环境,解决前端开发中的跨域、接口Mock、线上抓包等核心问题,并分享了HTTPS证书配置、规则编写及移动端调试等高阶技巧,显著提升开发与调试效率。

weixin_29234509的博客 372

Chii 集成实践:与 Whistle 代理工具的无缝配合

Chii 作为一款强大的远程调试工具,能够帮助开发者轻松实现跨设备的网页调试,而 Whistle 则是一款功能丰富的代理工具,两者的结合可以为前端开发工作流带来极大的便利。本文将详细介绍如何将 Chii 与 Whistle 代理工具进行无缝集成,让你的调试工作更加高效。 ## 什么是 Chii 和 Whistle Chii 是一款类似于 weinre 的远程调试工具,它使用最新的 Chrome

gitblog_00201的博客 727

PCA9548实战:从硬件连接到Linux驱动的I2C扩展全解析

本文详细解析了PCA9548 I2C多路复用器从硬件连接到Linux驱动配置的全过程。涵盖硬件引脚连接、电源去耦、地址选择等关键设计要点,以及Linux驱动加载、设备树配置和应用层编程技巧,帮助开发者高效实现I2C总线扩展。

weixin_28726391的博客 410

从零到一:TI AWR1843 Boost EVM与DCA1000 EVM的ADC数据采集实战指南

本文详细介绍了TI AWR1843 Boost EVM与DCA1000 EVM的ADC数据采集实战指南,涵盖硬件连接、软件配置、固件烧录、雷达参数设置及数据处理等关键步骤。通过MATLAB等工具,开发者可高效实现毫米波雷达数据采集,适用于自动驾驶、工业检测等领域。

weixin_29001327的博客 967

Web 代理抓包调试工具全景对比:Whistle、Charles、Fiddler、mitmproxy 等

选择代理抓包/调试工具时,需结合操作系统、项目需求、团队协作、学习成本等综合考虑。Whistle 适合前端/全栈开发和自动化测试,Charles/Proxyman 适合日常手动调试,Fiddler/mitmproxy 适合后端和自动化批量场景,Burp Suite/wireshark 适合安全和底层协议分析。善用工具自带的 Mock、断点、插件、脚本等高级能力,能极大提升开发和测试效率。Whistle 官方文档Charles 官方Fiddler 官方mitmproxy 官方Proxyman 官方。

IT技术学习与工作笔记分享 2478

2024年全国大学生信息安全竞赛安徽省赛网络系统建设与运维赛项-网络构建真题

该网络工程方案主要包含基础配置、有线网络、无线网络、出口网络、运维配置和SDN网络六个部分。基础配置包括设备接口设置、SSH服务开启和SNMP功能配置。有线网络部分重点部署VLAN、MSTP、VRRP和OSPF协议,实现网络冗余和负载均衡。无线网络规划了AP点位、信号覆盖和用户接入策略,包括SSID配置、频段优化和安全认证。出口网络配置了NAT转换、VPN隧道和流量审计功能。运维方面搭建了监控平台实时监测设备状态。SDN网络部分通过控制器实现流量管控。整个方案实现了多业务隔离、高可用性网络架构和

weixin_42221934的博客 1174

Whistle代理工具进阶玩法:5个高效调试技巧让SwitchyOmega下岗

本文深入探讨了Whistle代理工具的5个高效进阶调试技巧,旨在帮助开发者构建自动化、体系化的网络请求管理方案,从而替代传统的SwitchyOmega浏览器扩展。通过掌握规则配置、模式匹配、请求Mock、自动化集成及HTTPS/移动端调试等核心功能,开发者可实现更精细、高效的开发与调试工作流,显著提升生产力。

weixin_29215815的博客 200

Pdu Router(PduR)模块

1. PduR路由基本功能 2. PduR总线网关功能 3. PduR缓存机制 4. 总结

weixin_43759043的博客 3850

Vue - 最新详细实现滑块拖动拼图验证,网站登录验证滑块验证功能,拖动滑块到图片缺口的位置即为成功,滑块验证安全检测(详细示例代码,一键复制运行)

您一定见过很多系统都“配备”了滑块验证、拼图验证、找不同等,本质上都是为了验证登录系统的是人还是机器(代码),如下图所示效果: 您打开项目根目录,终端执行如下命令:拼图式拖动滑块验证 验证拖动滑块验证,滑动拼图/图片点选验证 接下来,在中加入以下代码: 如下图所示: 更多配置示例和参数详见官方文档,以下便是如上效果图的代码:.........

🏆 前端领域优质创作者 1万+

终极指南:5分钟快速掌握LightProxy跨平台网络调试代理工具

LightProxy是一款基于whistle开发的跨平台Web调试代理工具,专为前端开发者、移动应用开发者和测试工程师设计,提供网络抓包、请求拦截和代理规则配置等强大功能。这款开源网络调试工具让网络调试工作变得前所未有的简单高效。 ## 🎯 项目概览与价值主张 LightProxy最大的优势在于**开箱即用**和**跨平台支持**。与传统的命令行代理工具不同,它提供了直观的图形界面和自动化配

gitblog_00037的博客 940

knowhere | 第一课:项目导论与环境搭建

摘要 本课程是Knowhere项目的第一课,重点介绍项目整体架构和开发环境搭建。Knowhere定位为AI Agent的文档记忆基础设施,通过解析多格式文档并保留结构化信息(如章节层级、表格语义等),为Agent提供可导航的文档知识。项目采用Python monorepo结构,核心包括: apps/api:FastAPI服务,处理HTTP请求和流程调用 apps/worker:Celery服务,执行文档解析等耗时任务 packages/shared-python:共享基础设施层 课程明确了各层职责边界,并推

weixin_43674738的博客 153

Whistle:一个强大的网络调试工具

Whistle是一个功能强大的网络调试工具,它可以帮助我们更好地理解和解决网络问题,提高开发效率。无论是在调试网络问题、分析性能瓶颈、安全性评估还是学习和研究方面,Whistle都表现出出色的性能和灵活性。如果你需要进行网络调试和分析,那么Whistle绝对是一个值得尝试的选择。一个好的网络调试工具可以帮助我们更好地理解和排除网络问题,提高我们的开发效率。而在众多的网络调试工具中,Whistle是一个备受推崇的选择。在这篇文章中,我们将探讨Whistle的特点、使用方法和一些实际应用场景。

Qiang_7950的博客 2281

【Prometheus】prometheus结合cAdvisor监控docker容器运行状态,并且实现实时告警通知

Docker的监控,可以使用Docker自带的stats命令来获取当前主机上运行中的容器的资源使用情况。 例如:容器的CPU使用率、内存占用、网络IO以及磁盘IO等指标。

景天科技苑 6万+

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

文字驱动任意骨架:UniMate 3D骨骼动画生成快速上手

给一盆花的花骨朵一句 "An object closes its petals and bends its stem.",花瓣就合拢、花茎就弯下。给一个四足机器人一句 "An object walks forward.",它立刻迈步。没有为这个骨架重新训练,也没有任何测试时的优化迭代——UniMate,这个被 SIGGRAPH Asia 2026 接受的统一 3D 骨骼动画模型,靠一句文本就能实时

gitblog_00230的博客 362

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

5分钟掌握LightProxy:零基础搭建你的跨平台网络调试代理工具

你是否曾为调试网页请求而烦恼?或者需要查看移动端应用的网络交互却无从下手?今天,我将为你介绍一款强大的跨平台Web调试代理工具——LightProxy,它能让你的网络调试工作变得轻松高效!LightProxy是一款基于whistle开发的开源网络调试代理工具,支持macOS和Windows平台,能够帮助你实现网络抓包、请求拦截和代理规则配置等多种功能。 ## 🔥 为什么选择LightProxy

gitblog_00939的博客 245

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

5分钟快速上手LightProxy:跨平台网络调试代理工具完整指南

你是否经常为调试网页请求而烦恼?或者需要查看移动端应用的网络交互却无从下手?LightProxy正是你需要的解决方案!这款强大的跨平台Web调试代理工具能让你的网络调试工作变得轻松高效。LightProxy基于whistle开发,支持macOS和Windows平台,提供网络抓包、请求拦截和代理规则配置等多种功能,是前端开发者和测试工程师的得力助手。 ## 🌟 为什么选择LightProxy:核

gitblog_01076的博客 504

Whistle,web 抓包与 debug 利器

什么是 whistle whistle 是一个跨平台的抓包与 web debug 工具,使用 whistle,你可以配置代理服务器,模拟接口数据,捕获请求重定向到指定 url,修改请求头响应头,修改 GET 请求的参数,往匹配的页面中注入 js、css whistle 提供了和 fiddler 类似的功能,也提供了一些 fiddler 没有的功能,使用体验比 fiddler 好很多,一...

dinghuancheng5372的博客 1873
上一篇: IntelliJ IDEA代码后缀补全
下一篇: Fiddler过滤器Filterset的使用
Kamalyes
博客等级 码龄10年 38粉丝 35原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值