Javascript 没有输出到带有chrome.Devtools扩展的控制台

发布于04月15日

我试图遵循https://betterprogramming.pub/chrome-extension-intercepting-and-reading-the-body-of-http-requests-dd9ebdf2348b创建一个Devtools面板，以便获取网站上特定帖子请求的响应.我从文章第二部分中的说明开始，创建一个基本的Devtools面板(看起来可以工作).随后，我在https://developer.chrome.com/docs/extensions/reference/api/devtools/network#type-Request处讨论了devtools.network API. 我决定try 使用getHAR()函数获取网络请求(https://developer.chrome.com/docs/extensions/reference/api/devtools/network#method-getHAR).

这是manifest.json:

{
  "manifest_version": 3,
  "name": "Extension",
  "version": "1.0",
  "description": "Description",
  "devtools_page": "devtools.html"
}

devtools.html:

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

devtools.js:

chrome.devtools.panels.create("MyPanel", null, 'panel.html');

panel.html:

<html>
    <body>
        <script src="panel.js"></script>
    </body>
</html>

panel.js:

  chrome.devtools.network.getHAR(
   function (harLog) {

    console.log('my output');
    console.log(harLog);

  }
);

如果我打开Devtools窗口并重新加载页面，则我在控制台中看不到扩展的输出，并且在chrome://extensions上也没有错误. 我做错了什么？

推荐答案