如何使用 chrome.devtools.network.onRequestFinished.addListener 读取 API 响应正文？-解网

问：

我正在构建一个 JavaScript Chrome 扩展程序（V3）。

我希望每当我在网站上时都能检测来自传入 API 的响应正文。

我正在使用 chrome.devtools.network.onRequestFinished.addListener，但我似乎无法提取响应正文。

这是我的代码：

const getContent = async response => {
    return new Promise((resolve) => {
      response.getContent((body) => {
        resolve(body)
      })
    }) }

chrome.devtools.network.onRequestFinished.addListener(async api => {
        if (api.request.url.includes('https://developer.mozilla.org/pong/get')) {
            const responseBody = await getContent(api.response);
            console.log('Response Body:', responseBody);
        } })

我收到错误，指出“getContent”不是函数。

有没有人构建了一个提取 API 响应正文的 JavaScript Chrome 扩展程序？

javascript 扩展谷歌浏览器 devtools 浏览器扩展清单 v3

const getContent = async response => {
    return new Promise(resolve => {
      response.getContent((body) => {
        resolve(body)
      })
    })
}

chrome.devtools.network.onRequestFinished.addListener(async api => {
    if (api.request.url.includes('https://developer.mozilla.org/pong/get')) {
        const responseBody = await getContent(api)
        console.log('Response Body:', responseBody)
    }
})

上一个：点击链接的 Chrome 扩展程序不起作用

下一个：在 chrome 中使用条形码检测 API 不一致

如何使用 chrome.devtools.network.onRequestFinished.addListener 读取 API 响应正文？

How do you use chrome.devtools.network.onRequestFinished.addListener to read API response bodies?

评论