我正在开发一个项目,需要跟踪来自某些站点的“ajax 请求”,访问其中一些请求的响应负载并对其采取行动。
到目前为止,我设法使用以下命令跟踪请求并访问它们的标头网络请求 API http://developer.chrome.com/extensions/webRequest.html,唯一的问题是我无法找到访问这些响应中的实际数据。
有可能吗?
请随时发布任何有帮助的想法或参考资料。
感谢,并有一个愉快的一天。
EDIT:
我正在寻找的一个示例是网络面板中的响应选项卡,它是 Chrome 开发人员工具的一部分。
网络面板是一个 HTML 表示HAR(HTTP 存档格式) Log。您可以使用跟踪网络面板的每个元素devtools.network API
.
您可以参考以下代码,其中TCP连接时间正在被追踪作为开始使用的参考devtools.network API
and 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"
}
开发工具.html
挂号的devtools.js
遵守 CSP。
<html>
<head>
<script src="devtools.js"></script>
</head>
<body></body>
</html>
开发工具.js
以下代码中的 req 返回HAR Log http://www.softwareishard.com/blog/har-12-spec您可以用它来阅读您需要的内容;我已经使用 HARTCP连接时间 http://www.softwareishard.com/blog/har-12-spec/#timings here
chrome.devtools.network.onRequestFinished.addListener(function(req) {
// Displayed sample TCP connection time here
console.log(req.timings.connect);
});
参考
- devtools.网络API https://developer.chrome.com/extensions/devtools.network.html
- HAR Log http://www.softwareishard.com/blog/har-12-spec/
- 网络面板 https://developers.google.com/chrome-developer-tools/docs/network
- 内容安全策略(CSP) https://developer.chrome.com/extensions/contentSecurityPolicy.html
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)