Google Chrome扩展程序重定向不同页面

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

你可以这样做：

in 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脚本文件放在manifest.json中，具体取决于您的需要。

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

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

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

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

如果您使用<script>标记从html页面加载了javscript文件，则应使用Message传递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>