javascript - Chrome 扩展 - 更改弹出窗口

Question

我有一个允许用户登录系统的 chrome 扩展。当用户未登录时，我希望在打开扩展程序时显示默认页面，但如果他们已经登录，我希望在他们打开扩展程序时显示不同的弹出窗口。

我目前正在通过 javascript 实现此目的，但有时会有时间延迟。在脚本执行并切换到不同页面之前，原始页面会闪烁一瞬间。有没有更好的方法来实现它？

Answer 1

您应该查看 chrome.browserAction API。

具体来说:

chrome.browserAction.setPopup(object details)

Sets the html document to be opened as a popup when the user clicks on the browser action's icon.

因此，要设置弹出窗口，您可以这样调用它:

chrome.browserAction.setPopup({popup: "logged_in.html"});

当您了解用户已登录时，您可以执行此操作；但是，您可能希望在重新启动扩展时恢复此状态。为此，您应该将您已登录(或注销)的事实保存在持久存储中，并在初始化时调用此函数。一个event script是这样做的好地方。

// wherever you can do this in your code
function login_success() {
  /* ... */
  chrome.storage.local.set({logged_in: true});
  chrome.browserAction.setPopup({popup: "logged_in.html"});
}

function login_failure() {
  /* ... */
  chrome.storage.local.set({logged_in: false});
  chrome.browserAction.setPopup({popup: "default.html"});
}

// This goes into eventPage.js and executes once on extension load
chrome.storage.local.get("logged_in", function(data) {
  if(data.logged_in)
    chrome.browserAction.setPopup({popup: "logged_in.html"});
});