Question

我正在尝试创建一个简单的Chrome扩展程序，以便在chrome开发人员工具栏的网络标签中显示多少http请求。我添加了manifest.json：

{
  "name": "Entries",
  "version": "1.0",
  "description": "Give me entries",
  "devtools_page": "devtools.html",
  "manifest_version": 2
}

devtools.html：

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

devtools.js：

chrome.devtools.network.getHAR(function(result) {
    var entries = result.entries;   
    Console.warn("entries : " + entries.length);

});

但是当我添加此扩展程序时 - ＆gt;打开开发人员工具栏 - ＆gt;加载页面我没有看到任何结果:( 这是一个非常简单的例子..如果我在这里缺少任何输入，有人可以帮我指点吗？

我有什么方法可以调试吗？

Answer 1

首先，Console不存在，请尝试console。

然而，这里更大的问题可能是你写错了控制台。当你得到这个答案的结尾时，这应该变得更容易理解了。

要调试自定义devtools扩展，您必须使用devtools调试devtools。如果这听起来像是一种疯狂，那么请遵循以下简单步骤：

A

您在devtools A 的扩展程序中输出到console的所有内容都会显示在devtools B 的控制台中。

Answer 2