获取“网络”面板中“开发人员工具”显示的网络请求的URL

Question

我想获取网络面板中的开发者工具显示的网络请求的网址，这些网址请求与Chrome扩展程序中的某些模式（例如以.aac结尾）匹配。  我似乎可以使用chrome.devtools.network API来实现它，但这种方式似乎需要打开Developer Tools窗口才能使扩展工作，不太方便！

还有另一种方法可以完成这项任务吗？

Answer 1

两种可能性。

首先，您可以更轻松地使用webRequest API，并聆听onBeforeRequest事件：

chrome.webRequest.onBeforeRequest.addListener(
  function(details) { console.log(details.url); },
  {urls: ["*://*/*.aac"]}
);

其次，如果您需要完全与Dev Tools相同的信息，则chrome.debugger API允许您使用{{debugger protocol附加到选项卡以代替Dev Tools。 3}}

由于调试器协议文档不易于查找和阅读，因此更难。另外，需要注意的是：只有一个工具可以使用调试器协议，因此如果您打开开发工具，chrome.debugger将被断开连接。