Javascript Chrome扩展选项

在扩展名的manifest.json中，我添加了以下内容：

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

“我的选项”页面（options.html）在结束正文标记之前有以下内容：

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

问题：我正在加载未打包的扩展（已启用开发人员模式）。“我的选项”页面显示良好，但未加载脚本。我在该文件中定义了事件处理程序，但它们什么也不做。 不执行options.js

我遵循了所有的说明，但它就是不起作用。

新的“chrome\u样式”选项实际上没有显示任何通过控制台记录到控制台的内容。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;
}

var errorText=document.createElement（“div”）；
document.body.appendChild（errorText）
window.onerror=函数（消息、文件、行、列）{
errorText.innerHTML=msg+'
'+文件+'+行+'：'+列；
}

编辑： 在选项界面中单击鼠标右键，选择“Inspect element”，它将打开相应的调试器。

新的“chrome_style”选项实际上不会显示通过控制台记录到控制台的任何内容。

日志，您的脚本可能很好，请尝试向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;
}

var errorText=document.createElement（“div”）；
document.body.appendChild（errorText）
window.onerror=函数（消息、文件、行、列）{
errorText.innerHTML=msg+'
'+文件+'+行+'：'+列；
}


编辑：
在选项界面中单击鼠标右键，选择“Inspect element”，它将打开相应的调试器。
新的“chrome_style”选项实际上不会显示通过控制台记录到控制台的任何内容。
日志，您的脚本可能很好，请尝试向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;
}

var errorText=document.createElement（“div”）；
document.body.appendChild（errorText）
window.onerror=函数（消息、文件、行、列）{
errorText.innerHTML=msg+'
'+文件+'+行+'：'+列；
}


编辑：
在选项界面中单击鼠标右键，选择“Inspect element”，它将打开相应的调试器。
新的“chrome_style”选项实际上不会显示通过控制台记录到控制台的任何内容。
日志，您的脚本可能很好，请尝试向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;
}

var errorText=document.createElement（“div”）；
document.body.appendChild（errorText）
window.onerror=函数（消息、文件、行、列）{
errorText.innerHTML=msg+'
'+文件+'+行+'：'+列；
}


编辑：
右键单击Options UI内部，选择“Inspect element”，它将打开相应的调试器。
结果表明，新的Options\u UI会将内容记录到控制台，而不是使用“View”“Javascript console”查看的控制台。相反，右键单击打开的选项页面，然后“检查元素”。这将显示正确的“开发人员菜单”。
结果表明，新的选项ui确实会将内容记录到控制台，而不是使用“查看”“Javascript控制台”查看的控制台。相反，右键单击打开的选项页面，然后“检查元素”。这将显示正确的“开发人员菜单”。
结果表明，新的选项ui确实会将内容记录到控制台，而不是使用“查看”“Javascript控制台”查看的控制台。相反，右键单击打开的选项页面，然后“检查元素”。这将显示正确的“开发人员菜单”。
结果表明，新的选项ui确实会将内容记录到控制台，而不是使用“查看”“Javascript控制台”查看的控制台。相反，右键单击打开的选项页面，然后“检查元素”。这将显示正确的“开发人员菜单”。
嗯，好的。我照你说的做了，看到它上了子弹。因此，现在我需要找出事件处理程序不起作用的原因…是的，选项页面开发很棘手，因为您无法调试代码，请参阅我更新的答案，以获取您可以使用的脚本。谢谢。这很有帮助。我发现有一个“未捕获的TypeError:无法读取未定义的”错误的属性“sync”。我必须为扩展设置存储权限。我认为你的第一段不正确。看起来你可以右击打开相应的控制台。嗯，好的。我照你说的做了，看到它上了子弹。因此，现在我需要找出事件处理程序不起作用的原因…是的，选项页面开发很棘手，因为您无法调试代码，请参阅我更新的答案，以获取您可以使用的脚本。谢谢。这很有帮助。我发现有一个“未捕获的TypeError:无法读取未定义的”错误的属性“sync”。我必须为扩展设置存储权限。我认为你的第一段不正确。看起来你可以右击打开相应的控制台。嗯，好的。我照你说的做了，看到它上了子弹。因此，现在我需要找出事件处理程序不起作用的原因…是的，选项页面开发很棘手，因为您无法调试代码，请参阅我更新的答案，以获取您可以使用的脚本。谢谢。这很有帮助。我发现有一个“未捕获的TypeError:无法读取未定义的”错误的属性“sync”。我必须为扩展设置存储权限。我认为你的第一段不正确。看起来你可以右击打开相应的控制台。嗯，好的。我照你说的做了，看到它上了子弹。所以现在我需要找出事件处理程序不起作用的原因……是的，选项页面开发很棘手，因为您无法删除