如何使用 Firefox WebExtensions 创建侧边栏？

Question

我正在尝试迁移一个扩展，是的，我知道我不能为每个 WebExtension 添加一个以上的按钮到浏览器界面，但我想知道是否可以创建侧边栏不知何故。我知道我可以操纵网站的 DOM，但在某些情况下（例如 Facebook）由于它们的 css 而很难，我需要确保我的侧边栏在任何网站上都可见用户想用它来查看一些统计信息的地方。

您是否知道一种创建伪边栏 (DOM) 的方法，无论站点如何？

PS：您认为侧边栏（浏览器UI）将来会可用吗？

欢迎任何想法，

Answer 1

应该很快登陆 Firefox 54 https://bugzilla.mozilla.org/show_bug.cgi?id=1208596

Answer 2

要创建侧边栏，它是here。

首先您需要编辑 manifest.json，添加“sidebar-action".

"sidebar_action": {   
    "default_icon": {
        "16": "button/geo-16.png",
        "32": "button/geo-32.png"
    },  
    "default_title": "My sidebar", 
    "default_panel": "sidebar/sidebar.html" 
}

使用脚本创建 sidebar.html，如果需要，还可以创建 CSS。

您在 Github 上有一个示例网络扩展 here，以了解如何创建边栏。它叫做“注释页”。

你可以调用侧边栏 a function

 sidebarAction.getPanel()

或键盘快捷键，因此您可以使用扩展按钮调用浏览器操作，正如我认为您要求的那样这个，正如你所说的“我知道我不能为每个 WebExtension 添加一个以上的按钮”。

单击工具栏按钮时您只有一个操作，仅当您不使用 popup 将显示其他按钮。

如何使用 Firefox WebExtensions 创建侧边栏？

How to create a sidebar with Firefox WebExtensions?

firefox-addon-sdk

firefox-addon-webextensions