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

时间:2017-01-28 21:21:15

标签: firefox-addon-sdk firefox-webextensions

我正在尝试迁移扩展程序,是的,我知道我不能为浏览器界面添加每个WebExtension多个按钮,但我想知道是否可以创建一个侧边栏不知何故。我知道我可以操纵网站的DOM,但在某些情况下(例如Facebook)由于他们的CSS而很难,我需要确保我的侧边栏可以从用户想要使用它的任何网站上看到看一些统计数据。

您是否知道创建伪边(DOM)的方法,无论网站是什么?

PS:你认为未来会有侧边栏(浏览器用户界面)可用吗?

欢迎任何想法,

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

要创建侧边栏,请here

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

    “sidebar_action”:{“default_icon”:{       “16”:“button / geo-16.png”,       “32”:“button / geo-32.png”},“default_title”:“我的侧边栏”,“”default_panel“:”sidebar / sidebar.html“}

    1. 如果需要,使用脚本和CSS创建sidebar.html。
    2. 您在Github上有一个示例webextension here,以了解如何创建侧边栏。它被称为“ annotate-page ”。

      您可以使用 a function

      调用侧边栏
        

      sidebarAction.getPanel()

      键盘快捷键 ,因此您可以使用扩展程序按钮调用浏览器操作,因为我认为您要求这样做,正如您所说的“我知道每个WebExtension不能添加多个按钮“。

      单击工具栏按钮时只有一个操作, 仅当 不使用 弹出窗口 那将显示其他按钮。