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未执行。

我按照所有说明documentation，但它不起作用。

Answer 1

事实证明，新的options_ui会将内容记录到控制台，而不是使用“查看”“Javascript控制台”查看的控制台。而是右键单击打开的选项页面和“检查元素”。这将显示正确的“开发人员菜单”。

Answer 2

~~新的“chrome_style”选项实际上没有显示通过console.log登录到控制台的任何内容，您的脚本可能没问题，尝试在dom中添加内容。~~

在脚本开头添加此内容，以查看Chrome选项页面中发生的任何错误：

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

编辑：右键单击Options UI，选择“Inspect element”，它将打开相应的调试器。

Chrome扩展程序选项

2 个答案: