Chrome扩展程序通知窗口的调试工具

时间:2012-09-12 04:35:14

标签: javascript html5 google-chrome google-chrome-extension google-chrome-devtools

我使用Chrome扩展程序API创建了一个通知窗口:

var notification = webkitNotifications.createHTMLNotification("notification.html");
notification.show();

对于我想在通知窗口中运行的所有脚本,还有一个外部notification.js(因为manifest version 2不鼓励内联javascript)。一切正常,但我无法打开通知窗口的开发人员工具来检查页面。我可以为后台以及弹出页面执行此操作,因此不确定我是否找不到它,或者我无法通过开发人员工具检查通知。我知道我可以在后台和通知之间发送消息,以便输出显示在控制台上,但如果我可以直接检查它会很好。

非常感谢!

2 个答案:

答案 0 :(得分:5)

导航到chrome://inspect/,您可以看到所有可以检查的页面。在“扩展程序”部分下,您应该可以看到您的通知页面,然后您可以对其进行检查。

添加此答案是为了完整性,因为@JJin的答案可能之前已经有效,但在Chrome 24和25版本中没有。

答案 1 :(得分:0)

经过一些实验后,我意外地发现开发者工具可用于通知页面。诀窍是

  • 首先启动通知窗口并保持打开状态;
  • 导航至chrome://extensionsnotification.html应显示在background.html旁边或背景页名称的任何名称,
    如截图所示:

enter image description here

确保通知窗口已开启,否则notification.html将消失。