Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chrome扩展通知窗口的调试工具_Javascript_Html_Google Chrome_Google Chrome Extension_Google Chrome Devtools - Fatal编程技术网

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

Javascript Chrome扩展通知窗口的调试工具,javascript,html,google-chrome,google-chrome-extension,google-chrome-devtools,Javascript,Html,Google Chrome,Google Chrome Extension,Google Chrome Devtools,我使用Chrome扩展API创建了一个通知窗口: var notification = webkitNotifications.createHTMLNotification("notification.html"); notification.show(); 另外,对于我希望在通知窗口中运行的所有脚本,都有一个external notification.js(因为不支持内联javascript)。一切正常,只是我无法打开通知窗口的开发人员工具来检查页面。我可以在后台和弹出页面中执行此操作,因此

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

var notification = webkitNotifications.createHTMLNotification("notification.html");
notification.show();
另外,对于我希望在通知窗口中运行的所有脚本,都有一个external notification.js(因为不支持内联javascript)。一切正常,只是我无法打开通知窗口的开发人员工具来检查页面。我可以在后台和弹出页面中执行此操作,因此不确定我是否没有找到它,或者我无法通过开发人员工具检查通知。我知道我可以在后台和通知之间发送消息,以便在控制台上显示输出,但如果我可以直接检查,那就太好了


多谢

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

  • 首先打开通知窗口并保持其打开状态
  • 导航到
    chrome://extensions
    notification.html
    应该出现在
    background.html
    或背景页面名称旁边,
    如屏幕截图所示:


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

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


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

您在清单文件中做了什么吗?我仍然看不到我的通知html。是的,您需要添加通知权限。我看不到“检查视图”中列出的通知窗口(我有通知权限)。您需要做些什么才能让它显示出来(我是24.0.1312.57版的)?@source.rar我添加了另一个答案,应该可以帮助您。@Alvin Wong:谢谢您的帮助。请考虑把阿尔文的回答作为正确的答案。