在进行web开发时，有时需要调试websocket连接。safari浏览器提供了一些方法来开启websocket调试，帮助开发者更好地排查问题。
一、检查websocket服务器状态
在开始调试之前，确保websocket服务器正在正常运行并且能够正确响应连接请求。可以通过浏览器访问websocket服务器的地址，查看是否能正常建立连接。
二、开启safari的开发者工具
1. 打开safari浏览器，点击菜单栏中的“偏好设置”。
2. 在“高级”选项卡中，勾选“在菜单栏中显示开发”。
3. 这样，在菜单栏中就会出现“开发”选项。
三、在开发者工具中查看websocket连接
1. 打开需要调试websocket的网页。
2. 点击菜单栏中的“开发”，选择“开发者工具”（快捷键：command + option + i）。
3. 在开发者工具中，切换到“网络”选项卡。
4. 刷新网页，此时可以看到浏览器发出的各种网络请求。
5. 找到websocket连接的请求，通常请求地址以“ws://”或“wss://”开头。
6. 点击该请求，在右侧的详细信息面板中，可以查看websocket连接的相关信息，如请求头、响应头、消息内容等。
四、启用websocket调试日志
1. 打开“终端”应用程序。
2. 输入以下命令，启动safari浏览器并启用websocket调试日志：
```bash
open -a safari --args --enable-developer-extras --wsdebug
```
3. 启动后，打开需要调试websocket的网页。
4. 此时，在开发者工具的“控制台”选项卡中，可以看到websocket连接的详细日志信息，包括连接建立、消息发送和接收等。
五、使用websocket调试代理工具
1. 可以使用一些第三方的websocket调试代理工具，如charles、fiddler等。
2. 以charles为例，安装并启动charles。
3. 在safari浏览器中，点击菜单栏中的“开发”，选择“代理”，然后勾选“自动代理配置”。
4. 在弹出的设置窗口中，输入charles的代理服务器地址和端口（默认为：127.0.0.1:8888）。
5. 打开需要调试websocket的网页，charles会拦截所有的websocket连接请求。
6. 在charles中，可以查看和分析websocket连接的详细信息，还可以修改请求和响应数据进行调试。
通过以上方法，开发者可以方便地在safari浏览器中开启websocket调试，更好地排查和解决websocket相关的问题，提高web开发的效率和质量。
