使用chrome开发工具,我可以看到页面中的请求数,但似乎没有办法测量连接数。
chrome开发工具可以吗?如果没有,我可以使用什么工具代替?
您可以在“网络”面板中启用“连接 ID”标头,它是特定连接的唯一标识符。您可以对列进行排序以查看特定连接实例有多少个请求,但没有内置方法来查看有多少个或筛选结果。
![Network Panel Connection ID](https://i.stack.imgur.com/67VC7.png)
但是,可以将此数据导出到 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(使用前将#替换为@)