如何显示Chrome扩展名的弹出窗口？

Question

我需要在chrome扩展程序中显示一个弹出窗口。单击扩展程序图标后，该弹出窗口将显示在新窗口中。

[我需要的是，当我单击扩展名时，应该在扩展名图标的下方看到一个弹出窗口。就像http://developer.chrome.com/extensions/getstarted.html.(please一样，请检查此链接中的弹出窗口）。我的弹出窗口（userinfo.html）要求使用用户名和密码登录。当用户同时输入用户名和密码并登录时，弹出窗口应关闭，当用户再次单击扩展名图标时，应导航到一个网站。我怎样才能做到这一点？这是我的background.js

chrome.browserAction.onClicked.addListener(function(tab) {
 if(!localStorage.username){
   chrome.browserAction.setPopup({
    popup: "userinfo.html"
   });
 }
 else
   //navigate to website
});

以这种方式，我显示我的弹出窗口。当用户在安装后第一次单击该图标时，将出现该弹出窗口。否则它将导航到一个网站。现在我的问题是，当我仅单击该图标两次时，第二个问题是，在我输入名称和密码并单击登录后，弹出窗口关闭，这很好。.当我再次单击图标时，它实际上应该导航到该网站，但是在我的代码中再次弹出。当我重新加载扩展程序时，它可以正常工作。为什么会这样？请帮我。有一个名为userinfo.html的文件，应显示为弹出窗口。我该怎么做？请帮助我。

Answer 1

在浏览器操作中，您应包括default_popup值，该值指向要呈现为弹出窗口的HTML文件。您的情况是userinfo.html。

"browser_action": 
     {
   "default_icon": "icon.png",
   "default_popup": "popup.html"
    }

此处有更多信息：http://developer.chrome.com/extensions/browserAction.html