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

您可以执行以下操作：

在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文件，则应使用消息传递api： http : //developer.chrome.com/extensions/messaging.html与html进行交互。