如何调试Google Chrome后台脚本？

Question

我的扩展非常简单：

的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!");

});

我已将它加载到谷歌浏览器中，它已打开并且......它无法正常工作。它不会在控制台中记录任何内容，它不会提醒任何事情，更糟糕的是，我无法在开发人员工具中找到它＆＃34; Scripts＆＃34;标签。我怎么才能找到它为什么不起作用？

//修改

我已将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中嵌入了JavaScript

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 /（即管理扩展程序）下的错误，请点击background.html链接。这将加载开发人员工具，但没有background.html。在窗口右侧，您将看到一个红色错误符号，点击它将提供需要修复的行号。