1

我正在尝试创建一个简单的 chrome 扩展来获取在 chrome 开发人员工具栏的网络选项卡中可见的 http 请求数。我添加了 manifest.json：

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

开发工具.html：

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

开发工具.js：

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

});

但是当我添加这个扩展时——>打开开发者工具栏——>加载一个页面我没有看到任何结果:(这是一个非常简单的例子..如果我在这里遗漏任何输入，谁能帮我指出？

有什么办法可以调试吗？

4

2 回答 2

2

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

但是，这里更大的问题可能是您正在写入错误的控制台。当您完成此答案时，这应该会变得更容易理解。

要调试自定义 devtools 扩展，您必须使用 devtools 调试 devtools。如果这听起来很疯狂，那么请按照以下简单步骤操作：

  • 为任何网站打开 devtools A
  • 分离 devtools 窗口（使用左下角的按钮）
  • 使用一个可用的键盘快捷键打开另一个 devtools B（在第一个 devtools 中）
  • 享受使用 devtools B调试 devtools A

您从 devtools Aconsole中的扩展输出到的所有内容都将出现在 devtools B的控制台中。

于 2013-08-16T08:04:55.480 回答
1
  • 使用' chrome.devtools.panels.create '在devtools.js中创建一个新面板
  • 将侦听器添加到面板 onshow 事件' panel.onShown.addListener '
  • 使用 onshow 事件调用“ chrome.devtools.network.getHAR ”
于 2015-10-27T10:01:54.553 回答