browserAction.setPopup()

设置在用户点击浏览器操作图标时，将会以弹出窗口的形式打开的 HTML 文档。没有指定特定弹出窗口的标签页将继承全局弹出窗口，该弹出窗口默认为清单（manifest）文件中指定的 default_popup。

语法

js
browser.browserAction.setPopup(
  details // 对象
)

参数

details

一个包含以下属性的对象：

tabId 可选

integer。仅为特定标签页设置弹出窗口。当用户将此标签页导航到新页面时，弹出窗口会重置。

windowId 可选

integer。仅为指定窗口设置弹出窗口。

string 或 null。指定为 URL 的 HTML 文件。

这可以指向扩展程序内打包的文件（例如，使用 extension.getURL 创建的文件），或者是一个远程文档（例如 https://example.org/）。

如果这里传递了一个空字符串（""），弹出窗口将被禁用，扩展程序将接收到 browserAction.onClicked 事件。

如果 popup 为 null：

  • 如果指定了 tabId，则移除特定标签页的弹出窗口，使该标签页继承全局弹出窗口。
  • 如果指定了 windowId，则移除特定窗口的弹出窗口，使该窗口继承全局弹出窗口。
  • 如果 tabId 和 windowId 都省略，则将全局弹出窗口恢复为默认值。
  • 如果同时提供了 windowId 和 tabId，函数将失败且弹出窗口不会设置。
  • 如果同时省略 windowId 和 tabId，则设置全局弹出窗口。

浏览器兼容性

BCD tables only load in the browser

示例

以下代码添加了一对上下文菜单项，用于在两个弹出窗口之间切换。请注意，你需要在扩展的清单中设置“contextMenus”权限才能创建上下文菜单项。

js
function onCreated() {
  if (browser.runtime.lastError) {
    console.log("创建项目时出错：", browser.runtime.lastError);
  } else {
    console.log("项目创建成功");
  }
}

browser.contextMenus.create(
  {
    id: "popup-1",
    type: "radio",
    title: "弹出窗口 1",
    contexts: ["all"],
    checked: true,
  },
  onCreated,
);

browser.contextMenus.create(
  {
    id: "popup-2",
    type: "radio",
    title: "弹出窗口 2",
    contexts: ["all"],
    checked: false,
  },
  onCreated,
);

browser.contextMenus.onClicked.addListener((info, tab) => {
  if (info.menuItemId === "popup-1") {
    browser.browserAction.setPopup({ popup: "/popup/popup1.html" });
  } else if (info.menuItemId === "popup-2") {
    browser.browserAction.setPopup({ popup: "/popup/popup2.html" });
  }
});

备注： 此 API 基于 Chromium 的 chrome.browserAction API。该文档衍生自 Chromium 代码中的 browser_action.json。