从chrome扩展中访问响应有效负载/数据

Moh*_*him 5 google-chrome httpwebresponse google-chrome-extension google-chrome-devtools

我正在开发一个项目,要求从某个站点跟踪请求"ajax ones",访问其中一些请求的响应有效负载并对其进行操作.

到目前为止,我设法使用webRequest api跟踪请求并访问其标头,唯一的问题是我无论如何都无法访问这些响应中的实际数据.

它甚至可能吗?

请随时发布任何有用的想法或参考资料.

感谢,并有一个愉快的一天.


编辑:

我们正在寻找的一个例子是网络面板中的响应选项卡,它是chrome开发人员工具的一部分.

Sud*_*han 7

网络面板HAR(HTTP存档格式)日志的HTML表示.您可以使用跟踪网络面板的每个元素devtools.network API.

您可以参考以下代码,其中跟踪TCP连接时间作为开始使用devtools.network API和的参考HAR Log.

的manifest.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"
}
Run Code Online (Sandbox Code Playgroud)

devtools.html

注册devtools.js遵守CSP.

<html>

    <head>
        <script src="devtools.js"></script>
    </head>

    <body></body>

</html>
Run Code Online (Sandbox Code Playgroud)

devtool.js

以下代码中的req返回HAR Log,您可以使用它来阅读您需要的内容; 我已经使用了HAR对TCP连接时间在这里

chrome.devtools.network.onRequestFinished.addListener(function(req) {
    // Displayed sample TCP connection time here
   console.log(req.timings.connect);
});
Run Code Online (Sandbox Code Playgroud)

参考