whistle 手机端web调试好帮手

一月 14, 2025 遇到的问题集合本文总阅读量次

预发环境下有些样式在手机上看还是有所不同，老是发版调试也很麻烦，whistle相当于手机端的f12，可以方便的调试前端样式，除此之外还有很丰富的功能

https://blog.csdn.net/qq_43485197/article/details/125017211这个常用功能有空可以瞅瞅

配置要点

代理无所谓开不开，系统的防火墙必须关上，chrome需要手动信任安全证书 才能抓上https进行转发代理，不然就443了

插件用系统代理就行：

调试的时候如果遇到网络用不了，是正常的，关闭下whistle就行，w2 stop

运行

手机和电脑不在同一网络下也行，只要手机连接wifi设置ip和端口号和电脑运行的whistle一致。
理解：
- Whistle 运行的 IP 地址：
  - Whistle 是一个代理工具，它运行在你电脑上，并为指定端口提供代理服务。
  - 如果你想让手机通过 Whistle 访问网络，只需要确保你的电脑的 IP 地址（无论是局域网 IP 还是公网 IP）和运行 Whistle 的端口号对手机可达。
- 手机设置代理：
  - 你需要在手机的 Wi-Fi 设置中，手动配置代理服务器。
  - 配置时，代理服务器的地址应该是运行 Whistle 的电脑的 IP 地址，端口则是 Whistle 启动时使用的端口（默认端口是 8899，也可以自定义）。
- Wi-Fi 网络不一定要相同：
  - 如果你的手机和电脑不在同一个 Wi-Fi 网络下，但它们都能通过互联网连接并且电脑的 IP 地址是可达的（比如通过公网 IP），手机就能访问到 Whistle。
  - 如果你在同一局域网内，那么只需要保证手机连接的 Wi-Fi 和电脑使用的网络互通即可。
配置：
1. 电脑上运行 Whistle：
  - 确保 Whistle 服务已经启动，并监听默认端口（如 8899）。
  - 在命令行中可以看到 Whistle 提供的地址，例如：http://192.168.2.21:8899
  - 192.168.0.100 是电脑的局域网 IP 地址。
2. 手机 Wi-Fi 设置代理：
  - 打开手机的 Wi-Fi 设置，找到已连接的网络。
  - 配置代理：
    - 代理服务器IP：填写电脑的局域网 IP 地址（如 192.168.2.21）。
    - 端口：填写 Whistle 的监听端口（如 8899）。