如何debuggingGoogle Chrome后台脚本？

我有非常简单的扩展：

的manifest.json

{ "name": "historyCleaner", "version": "0.1.1", "manifest_version": 1, "description": "This is my first Chrome extension", "background": { "scripts": ["cleaner.js"] }, "permissions": [ "history" ] } 

cleaner.js

 chrome.history.onVisited.addListener(function(HistoryItem result) { console.log("it works!"); alert("it works!"); }); 

我已经将它加载到谷歌浏览器中，它已经打开，并且不起作用。 它不会在控制台中logging任何东西，它不会提醒任何事情，更糟糕的是，我无法在开发人员工具“脚本”选项卡中find它。 我怎么才能find它为什么不起作用？

//编辑

我把manifest.json改成了这个：

 { "name": "historyCleaner", "version": "0.1.5", "manifest_version": 1, "description": "This is my first Chrome extension", "background_page": "background.html", "permissions": [ "history", "background" ] } 

并在background.html中embeddedJavaScript

Answer 1

也如果你的console.log("it works!"); 不显示，那么意味着chrome.history.onVisited没有被解雇。

ps：对于function(HistoryItem result) ，您可能需要将其更改为function(result) 。

Answer 2

这个反应可能会很晚，但是会对其他人有所帮助。 如果你的background.html有javascript错误，那么页面将不会加载（检查）。

要找出你的background.html有什么问题，请在chrome：// chrome / extensions /（即pipe理扩展名）下点击background.html链接。 这将加载开发人员工具，但没有background.html。 在窗口右侧，你会看到一个红色的错误符号，点击它将提供需要修复的行号。