Chrome 扩展选项不调用 javascript 文件答案

【问题标题】：Chrome extension options not calling javascript fileChrome 扩展选项不调用 javascript 文件
【发布时间】：2015-06-30 22:27:53
【问题描述】：

我的 Chrome 扩展程序中有一个选项页面，它调用了一个 javascript 文件。我尝试使用 javascript 来保存我的选项，但它不起作用，所以我用一些非常简单的代码对其进行了测试：

options.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script type="text/javascript" src="jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="options.js"></script>
</body>
</html>

options.js

$(document).ready(function() {
  alert('loaded');
  console.log('loaded');
});

当我在 Chrome 扩展页面中单击 options 时，alert 和 console.log 似乎都没有触发。这让我认为options.html 文件没有加载js 文件，但我可能错误地期望alert 和console.log 使用扩展选项像这样工作。

有什么想法吗？

【问题讨论】：

alert 和 console.log 应该可以工作。你能发布你的清单吗？
您确定文件加载正确吗？右击打开的页面，点击“Inspect Element”打开开发工具，检查错误。
我需要检查选项模式窗口以获取console.log，我愚蠢地没想到这一点。 alert 什么也没做，但没关系。感谢 Xan 为我指明了正确的方向。
@GluePear 您应该将其表述为答案，这样就不会因为未回答而挂起。如果你这样做，我完全没问题 - 毕竟，alert 在这种情况下不起作用的事实是新的和有价值的。

标签： javascript jquery google-chrome google-chrome-extension

【解决方案1】：

要查看任何console.log 的结果，您需要右键单击选项模式窗口并选择“检查元素”。任何控制台消息都会出现在这里。

但是alert 命令似乎被禁止，或者至少我看不到任何命令。

【讨论】：

感谢 Xan 的上述工作。