javascript - 谷歌浏览器扩展重定向不同的页面

Question

我有 popup.html 我想在用户单击 href 时在扩展中加载不同的 html 页面。示例用户将输入用户名和密码，如果它们是正确的 login.html 重定向到内容。

试过这个：

window.onload=function(){
$( '#Login' ).click(function() { 
    alert('test');  
        chrome.browserAction.setPopup({
            popup:"login.html"
            });
        
});
}

登录是一个按钮。但是 login.html 没有出现。警报正在起作用。

Answer 1

要更改弹出的 html 页面，您可以使用

chrome.browserAction.setPopup

此页面上的更多详细信息http://developer.chrome.com/extensions/browserAction.html

你可以这样做：

在 html 中：

<a onclick="changePopup();" href="#"> change popup</a>

在js中：

function changePopup(){
    chrome.browserAction.setPopup({
       popup:"second_page.html"
    });
}

您没有指定链接放置在哪里？在弹出页面或 html 页面中，所以我假设链接放置在弹出 html 页面中。

如果链接放在扩展之外，您应该使用内容脚本https://developer.chrome.com/extensions/content_scripts.html

更新：您应该根据需要使用背景页面或事件页面将 java-script 文件放在 manifest.json 中。

在这里您可以找到更多信息：

https://developer.chrome.com/extensions/background_pages.html

http://developer.chrome.com/extensions/event_pages.html

....
  "background": {
    "scripts": ["background.js"]
  },
....

如果您使用标签从您的 html 页面加载 javscript 文件<script>，您应该使用消息传递 api： http: //developer.chrome.com/extensions/messaging.html与您的 html 交互。

Answer 2

试试这个

<a href="another-page.html"><button id="add-button">Go to another popup</button></a>