ネットワーク パネルは、 HAR ( HTTP アーカイブ形式)ログの HTML 表現です。を使用して、ネットワーク パネルの各要素をトレースできますdevtools.network API
。
および の使用を開始するための参照として、 TCP 接続時間がトレースされている次のコードを参照できます。devtools.network API
HAR Log
マニフェスト.json
devtools.html
ネットワーク パネル イベントのトレース用に登録済み
{
"name": "Network Demo",
"description": "This is a sample for API's available for Network",
"devtools_page": "devtools.html",
"manifest_version": 2,
"version": "2"
}
devtools.html
devtools.js
CSPに準拠するために登録されました。
<html>
<head>
<script src="devtools.js"></script>
</head>
<body></body>
</html>
devtool.js
次のコードの req はHAR ログを返し、必要なコンテンツを読み取るために使用できます。ここでTCP 接続時間に HAR を使用しました
chrome.devtools.network.onRequestFinished.addListener(function(req) {
// Displayed sample TCP connection time here
console.log(req.timings.connect);
});
参考文献