1

我正在尝试为我的 chrome 扩展程序创建一个选项页面。我完全按照本教程进行操作：https ://developer.chrome.com/extensions/options.html

现在按下“保存”按钮时它什么也不做。我检查了代码，它Uncaught TypeError: Cannot call method 'addEventListener' of null 在该行返回：document.querySelector('#save').addEventListener('click', save_options);

4

1 回答 1

2

我遇到了这个问题，感谢@apsillers 的评论，我解决了我的问题。

在 Chrome 扩展教程中，JavaScript<script>标记放置在 中<head>，这导致了 this TypeError。

解决方案

将<script>in<head>标记移动到<body>.

例子：

改变

<!doctype html>
<html>
  <head>
    <script src="popup.js"></script>
  </head>
  <body>
    <div id="status"></div>
    <img id="image-result" hidden>
  </body>
</html>

至：

<!doctype html>
<html>
  <head>
  </head>
  <body>
    <div id="status"></div>
    <img id="image-result" hidden>
    <script src="popup.js"></script>
  </body>
</html>
于 2015-12-07T15:31:04.907 回答