如何在Chrome中查看/记录WebRTC应用的ICE连通性检查消息？

嘿，我完全理解你不想用Wireshark抓全量流量的想法——Chrome本身就自带了几个实用工具，能直接帮你查看ICE连通性检查的细节，不用依赖第三方工具，下面给你逐一说明：

1. 使用Chrome专属的WebRTC调试页面 #

这是最直接的方式，专门针对WebRTC会话的深度调试：

• 打开Chrome浏览器，在地址栏输入 chrome://webrtc-internals/ 并回车。
• 页面会列出当前所有活跃的PeerConnection实例，找到你正在调试的那一个并展开。
• 在展开的内容里，你可以找到：
  • ICE Candidate Pair Stats：显示每一对ICE候选的连通性检查状态（比如succeeded/failed）、往返时间（RTT）、传输字节数等关键信息。
  • ICE Check Results：记录了每一次STUN绑定请求的完整结果，包括请求和响应的详细参数。
• 另外，页面顶部的「Create Dump」按钮可以导出完整的WebRTC会话日志（JSON格式），里面包含所有ICE检查的原始STUN消息内容，你可以用文本编辑器打开后搜索stunMessageType等字段，精准筛选出绑定请求和响应的细节。

2. 通过Chrome DevTools的Network面板筛选STUN请求 #

如果你更习惯用开发者工具做调试，这个方法也很高效：

• 打开Chrome DevTools（快捷键F12，或者右键页面选择「检查」），切换到「Network」面板。
• 在面板顶部的搜索框中输入 stun 或 turn，这样就能过滤出所有ICE连通性检查用到的STUN/TURN请求。
• 点击任意一条筛选出来的STUN请求，在右侧面板的「Headers」标签下，可以看到请求的类型（比如Binding Request）、事务ID、XOR映射地址等解析后的字段；如果想看原始二进制内容，切换到「Raw」标签即可。

3. 用JavaScript代码监听ICE检查状态（实时监控） #

虽然不能直接获取STUN消息的原始内容，但可以通过代码实时追踪ICE连通性检查的过程：

• 利用PeerConnection的统计API，定期获取候选对的检查状态：

const pc = new RTCPeerConnection(/* 你的WebRTC配置 */);

// 每秒获取一次ICE统计数据并输出
setInterval(async () => {
  const stats = await pc.getStats();
  stats.forEach(report => {
    if (report.type === 'candidate-pair') {
      console.log(`候选对状态: ${report.state}, 是否被选中: ${report.selected}, 往返时间: ${report.currentRoundTripTime || 'N/A'}`);
    }
  });
}, 1000);

• 这段代码会在浏览器控制台实时输出每一对ICE候选的检查状态，帮你快速判断连通性检查的进展和结果。

内容的提问来源于stack exchange，提问作者asinix