如何调试谷歌浏览器的后台脚本?

我有一个非常简单的扩展:

宣言 Json

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

更干净了

chrome.history.onVisited.addListener(function(HistoryItem result) {


console.log("it works!");
alert("it works!");


});

我已经把它装进了谷歌浏览器,它已经打开了,但是... 它不能工作。它不会在控制台中记录任何东西,也不会提醒任何东西,更糟糕的是,我在开发人员工具“ Scripts”选项卡中找不到它。我怎么才能知道它为什么不起作用?

//编辑

我把声明 json 改成了这个:

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

并在 backound.html 中嵌入 JavaScript

36351 次浏览

enter image description here

而且如果你的 console.log("it works!");没有出现,那么这意味着 chrome.history.onVisited还没有发射。

对于 function(HistoryItem result),您可能需要将其改为 function(result)

这种反应可能有些迟缓,但会对其他人有所帮助。如果你的 backound.html 有 javascript 错误,那么页面将不会加载(检查)。

要找出你的 backound.html 出了什么问题,请点击 chrome://chrome/extons/(即管理扩展)下面的 backound.html 链接。这将加载开发人员工具,但是没有 backound.html。在窗口的右下角,您将看到一个红色的错误符号,单击它将提供需要修复的行号。