如何测量一个页面中有多少个 TCP 连接

2023-11-23

使用chrome开发工具,我可以看到页面中的请求数,但似乎没有办法测量连接数。

chrome开发工具可以吗?如果没有,我可以使用什么工具代替?


您可以在“网络”面板中启用“连接 ID”标头,它是特定连接的唯一标识符。您可以对列进行排序以查看特定连接实例有多少个请求,但没有内置方法来查看有多少个或筛选结果。

Network Panel Connection ID

但是,可以将此数据导出到 JSON 格式的文件中,称为 HAR(HTTP 存档)。您可以通过右键单击面板并选择“将内容另存为 HAR”来完成此操作。

您可以从 JSON 中提取数据,然后根据需要进行过滤和聚合。我创建了一个简单的示例脚本,它将从本地文件系统加载 HAR、解析数据并过滤内容,以便显示会话中出现了多少个唯一的连接 ID。

function loadFile(event) {
    var file = event.target.files[0];

    if (file) {
        var reader = new FileReader();
        reader.onload = function(e) {
            var contents = e.target.result;
            var data = JSON.parse(contents);
            getUniqueConnectionCount(data);
        }
        reader.readAsText(file);
    } else {
        alert('Failed to load file.');
    }
}

function getUniqueConnectionCount(data) {
    var entries = data.log.entries;
    var uniqueConnectionIds = entries.map(function(item) {
        return item['connection'];
    }).filter(function(x, i, a) {
        return a.indexOf(x) === i && i > 0;
    });

    console.log('There were ', uniqueConnectionIds.length, ' unique connections found', uniqueConnectionIds);
}

document.getElementById('files').addEventListener('change', loadFile, false);
<div>
  <input type='file' id='files' name='files' />
</div>

Note:确保未选中“保留日志”以避免看到以前会话的数据。这只是您的用例的一个简单示例,但我可能会考虑将其扩展为更通用。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何测量一个页面中有多少个 TCP 连接 的相关文章

随机推荐