未捕获的TypeError：无法读取未定义的属性'inspectedWindow'

Question

我正在尝试构建chrome扩展，但是当我运行此

时

document.addEventListener('DOMContentLoaded', function() {
    chrome.devtools.inspectedWindow.getResources(function(response){
        console.log("enter");
    });
});

我得到Uncaught TypeError：无法读取未定义的属性'inspectedWindow'。

任何人都可以帮助我吗？

Answer 1

此API仅在DevTools页面的上下文中可用：

如上所述，您需要通过manifest：

向DevTools添加页面

"devtools_page": "devtools.html"

每次打开DevTools时，都会加载此页面（并执行其脚本）。

  

每次DevTools窗口打开时，都会创建扩展程序的DevTools页面的实例。 DevTools页面存在于DevTools窗口的生命周期中。 DevTools页面可以访问DevTools API和一组有限的扩展API。

有关详细信息，请参阅the docs。

如果您需要与DevTools API提供的信息相同的信息，但无需打开DevTools，您可以查看debugger API。请注意，它是一把重锤。 或者更确切地说，是一种重型而精致的装置，不应该用作简单的锤子。

否则，要与网页内容进行互动，您可能需要为Content Script注入webRequest API或窥探流量。