Chrome 扩展选项

Question

在我的扩展的 manifest.json 中，我添加了这个：

  "options_ui": {
      "page": "options.html",
      "chrome_style": true
  },

我的选项页面 (options.html) 在结束正文标记之前有这个：

<script src="options.js"></script>

options.html 和 options.js 都在同一个文件夹中。 options.js 以此开头：

console.log('options.js');

问题：我正在加载解压缩的扩展（启用开发者模式）。我的选项页面显示正常，但未加载脚本。我在该文件中定义了事件处理程序，但它们什么也不做。 options.js未执行。

我遵循了所有说明 here，但就是行不通。

Answer 1

~~新的 "chrome_style" 选项实际上不显示通过 console.log 记录到控制台的任何内容，您的脚本可能没问题，请尝试向 [=25= 添加一些内容].~~

将此添加到脚本的开头，以查看 chrome 选项页面中发生的任何错误：

var errorText = document.createElement("div"); document.body.appendChild(errorText) window.onerror = function (msg, file, line, column) { errorText.innerHTML = msg + '<br>' + file + ' ' + line + ':' + column; }

编辑：在选项 UI、select "Inspect element" 内右击，将打开相应的调试器。

Answer 2

事实证明，新的 options_ui 确实会将内容记录到控制台，而不是您使用“查看”“Javascript 控制台”查看的控制台。相反，右键单击打开的选项页面，然后选择“检查元素”。这将调出正确的“开发者菜单”。

Chrome 扩展选项

Chrome extension options

javascript

google-chrome

options

google-chrome-extension