Javascript 更改options.html中的默认popup.html（chrome扩展名）_Javascript_Html_Google Chrome_Google Chrome Extension

Javascript 更改options.html中的默认popup.html（chrome扩展名）

javascript html google-chrome google-chrome-extension

Javascript 更改options.html中的默认popup.html（chrome扩展名）,javascript,html,google-chrome,google-chrome-extension,Javascript,Html,Google Chrome,Google Chrome Extension,我有一个chrome扩展，有两个不同的版本（一个新的和一个旧的），所以习惯了旧外观的人可以保留它。我知道要更改默认弹出窗口的JS是chrome.browserAction.setPopup（{popup:'new/index.html'}），但无论我尝试什么，我都无法获得options.html来更改它目前我的options.js是： document.addEventListener('DOMContentLoaded', function() { var New = document.g

我有一个chrome扩展，有两个不同的版本（一个新的和一个旧的），所以习惯了旧外观的人可以保留它。我知道要更改默认弹出窗口的JS是

chrome.browserAction.setPopup（{popup:'new/index.html'}）

，但无论我尝试什么，我都无法获得options.html来更改它

目前我的options.js是：

document.addEventListener('DOMContentLoaded', function() {
var New = document.getElementById('NewBtn');
New.addEventListener('click', function() {
chrome.browserAction.setPopup({ popup: 'new/index.html' });
});

控制台有一个错误，表示：

Uncaught TypeError: Cannot read property 'addEventListener' of null
at HTMLDocument.<anonymous> (options.js:3)

Uncaught TypeError:无法读取null的属性'addEventListener'
在HTMLDocument。（options.js:3）

HTML:


新的

有人知道我该怎么做吗？

提前感谢，-Fred

错误消息说，您的html文件中没有带有

id=“NewBtn”

的元素。我的html有一个按钮，上面有一个html:newt。在这里，我共享了html文件@woxxmyou，您的脚本中没有关闭

标记，并且缺少另一个

。我在devtools中看到一个错误：“未捕获的语法错误：输入意外结束”。弹出窗口是一个单独的页面，有自己的devtools窗口，您可以通过在弹出窗口内单击鼠标右键，然后单击“检查”来调用该窗口。非常感谢@wOxxOm的工作！错误消息说，您的html文件中没有带有

id=“NewBtn”

的元素。我的html有一个带有此html的按钮：newhere，我共享了html文件@woxxmyou，但脚本中没有一个关闭

标记，并且缺少另一个

。我在devtools中看到一个错误：“未捕获的语法错误：输入意外结束”。弹出窗口是一个单独的页面，有自己的devtools窗口，您可以通过在弹出窗口内单击鼠标右键，然后单击“检查”来调用该窗口。非常感谢@wOxxOm的工作！

<html>
<head>
<script src="options.js"></script>
</head>
<body>

<button id="NewBtn" >New</button>
</html>