从 Chrome 扩展中访问响应负载/数据

2024-05-18

我正在开发一个项目,需要跟踪来自某些站点的“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(使用前将#替换为@)

从 Chrome 扩展中访问响应负载/数据 的相关文章

随机推荐