在开启抓包的情况下-当前连接不存在客户端问题 - Githubissues

HuolalaTech / page-spy-web

Debug remotely and easily like chrome devtools.

https://www.pagespy.org

MIT License

4.28k stars 257 forks source link

在开启抓包的情况下-当前连接不存在客户端问题 #139

Closed Jiiiiiin closed 6 months ago

Jiiiiiin commented 7 months ago

Describe the bug

使用macos charles 抓包手机，已经完成charles证书配置等，使用手机自带chrome浏览器访问，客户端远点为灰色，查询文档：

🐞 常见问题解答

检查页面开启的 vconsole 并没有想过exception，测试将代理设置关闭（手机网络设置不配置走charles代理之后），恢复正常，这种情况，应该如何设置配置呢？

  <!--⚠️ 测试时候使用-->
  <script crossorigin="anonymous" src="http://192.168.0.100:6752/page-spy/index.min.js"></script>
  <script>
    window.$pageSpy = new PageSpy({
      // SDK 会从引入的路径自动分析并决定
      // Server 的地址（api）
      // api: '192.168.1.133:6752',
      // 调试端的地址（clientOrigin）
      // clientOrigin: '192.168.1.125',
    })
  </script>

192.168.0.100:6752 为电脑服务端地址
192.168.0.100:13000 为charles代理地址

Steps to reproduce

No response

System Info

System:
Android/13
Browser:
Chrome/120.0.6099.211
User Agent:
Mozilla/5.0 (Linux; Android 13; A204SH Build/TKQ1.220915.002; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/120.0.6099.211 Mobile Safari/537.36;VIEW_PLUS_ANDROID/3.49

Logs

No response

Validations

[X] Read the FAQ.
[X] Read the Contributing Guidelines.
[X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
[X] The provided reproduction is a minimal reproducible example of the bug.

wqcstrong commented 6 months ago

PageSpy 初始化在网络层面主要由两步组成：

http 请求创建房间
创建成功后，发起 websocket 请求建立连接；

「客户端圆点为灰色」代表 websocket 建连失败，根据你的描述，网络层面代理的问题需要你自行解决了