获取网站请求数据 chrome DevTools 网络 API

Question

我希望能够从网站上的请求中获取数据。具体来说，请求 URL 显示为 here。理想情况下，程序每次收到新请求时都会收集其数据。我将如何使用 chromes 开发工具网络 API 实现这一目标？我已经尝试了几种方法，但我无法让它发挥作用。谢谢

devtools.js

chrome.devtools.panels.create("test",
"FontPicker.png",
"devtools.html",
function(panel) {

  const first = document.createElement('button');
  first.innerText = "SET DATA";
  first.id = "first";
  
  const second = document.createElement('button');
  second.innerText = "SEND TO BACK";
  second.id = "second";

  document.querySelector('body').appendChild(first);
  document.querySelector('body').appendChild(second);
  
  first.addEventListener('click', () => {
    chrome.storage.local.set({"data": "fake"});
    console.log("Data set")
  });
  
  second.addEventListener('click', () => {
    chrome.runtime.sendMessage({message: 'storage update'})
    console.log("message sent")
  });  
}); 

background.js

chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
    if(request.message === 'storage update') {
        chrome.storage.local.get("data", value => {
            console.log(value)
        });
    }
});

API