该页面翻译自 Google Chrome Extensions 与 Google Chrome Apps。除非特别说明,该页面的内容遵循 Creative Commons Attribution 3.0 License,代码示例遵循 BSD License。
描述: |
使用 chrome.devtools.network API 获取开发者工具的网络面板中显示的与网络请求相关的信息。
|
可用版本: |
从 Chrome 18 开始稳定支持。
|
有关使用开发者工具 API 的一般信息请参见开发者工具 API 概述。
网络请求信息以 HTTP 档案的格式(HAR)表示。有关 HAR 的详细解释超出了本文档的范围,请参见 HAR v1.2 规范(英文)。
就 HAR 而言,chrome.devtools.network.getHAR
方法返回整个
HAR 记录,而 chrome.devtools.network.onRequestFinished
事件提供 HAR 项,作为事件回调函数的参数。
注意,由于效率原因,请求的内容并没有包含在提供的 HAR 中,您可以调用请求的
getContent()
方法来获得内容。
如果开发者工具在页面加载完成后打开,getHAR()
返回的数组中可能会缺少一些请求。重新加载页面可以获得所有请求。大体上说,getHAR()
返回的请求列表与网络面板中显示的内容匹配。
如下代码在加载时记录下所有大于 40KB 的图片:
chrome.devtools.network.onRequestFinished.addListener( function(request) { if (request.response.bodySize > 40*1024) chrome.experimental.devtools.console.addMessage( chrome.experimental.devtools.console.Severity.Warning, "大图片:" + request.request.url); });
您可以在示例中找到使用这一 API 的更多例子。