firefox - 从 Firefox 扩展覆盖浏览器首选项

Question

我正在尝试从我的扩展程序中向浏览器的首选项添加一个叠加层，但没有成功。安装我的插件时没有显示任何内容。其他 xul 文件正确显示（例如插件的首选项对话框。我试图根据我的需要调整本教程。

我在 chrome.manifest 中注册了覆盖：

content smime chrome/content/
overlay chrome://browser/content/preferences/preferences.xul chrome://smime/content/preferences.xul

首选项.xul：

<overlay xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<!-- Merge with the BrowserPreferences Window -->
<prefwindow id="BrowserPreferences">

  <!-- Create a new pane (tab) for HP Scheduler. -->
  <prefpane id="hpschedPane" label="&prefpane.label;"
            image="chrome://smime/content/sogo-48.png">

    <!-- Intermediary between GUI and preferences system -->
    <preferences>
    <preference id="sodgeItSmimeKeyfile" name="extensions.sodgeItSmime.keyfile" type="text"/>

    </preferences>
    <!-- GUI Elements... -->
    <groupbox>
        <caption label="Settings"/>
        <grid>
            <columns>
                <column flex="4"/>

                <column flex="1"/>
            </columns>
            <rows>
                <row>
                    <label control="keyfile" value="Keyfile"/>
                    <textbox id="keyfile" preference="sodgeItSmimeKeyfile"/>

                </row>
            </rows>
        </grid>
    </groupbox>
    </prefpane>
</prefwindow>
</overlay>

这就是我想要做的 - 在 Firefox 设置对话框中添加一个选项卡。

编辑：添加图像来描述我正在尝试做的事情

Answer 1

让它工作比它应该的更棘手。您可以尝试我们在 FireTorrent 扩展中使用的以下方法：

1. 如图所示覆盖 Firefox 首选项窗口：

   <?xml version="1.0"?>
   
   <?xml-stylesheet href="chrome://firetorrent/skin/firetorrent-prefs.css" type="text/css"?>
   
   <overlay id="FiretorrentPaneOverlay"
       xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
   
       <prefwindow id="BrowserPreferences">
           <prefpane id="paneFiretorrent" label="FireTorrent"
               src="chrome://firetorrent/content/optionsOverlay.xul"/>
       </prefwindow>
   </overlay>
   

2. 将以下内容添加到您的 CSS 文件（firetorrent-prefs.css在示例中）：

   #BrowserPreferences radio[pane="paneFiretorrent"] {
     list-style-image: url("chrome://firetorrent/skin/firetorrent-icon-32.png");
   }
   

3. 内容optionsOverlay.xul如下：

   <?xml version="1.0"?>
   
   <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
   <?xml-stylesheet href="chrome://global/skin/preferences.css" type="text/css"?>
   <?xml-stylesheet href="chrome://firetorrent/skin/options.css" type="text/css"?>
   
   <!DOCTYPE overlay SYSTEM "chrome://firetorrent/locale/optionsOverlay.dtd">
   
   <overlay id="firetorrentOptionsOverlay"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
   
       <prefpane id="paneFiretorrent" onpaneload="loadOptions();" flex="1">
   
           <preferences>
               <preference id="firetorrent.options.port" name="extensions.firetorrent.port" type="int"/>
               ...etc...
           </preferences>
   
           <script type="application/x-javascript" src="chrome://firetorrent/content/optionsOverlay.js"/>
   
           ...all your prefpane XUL here...
       </prefpane>
   </overlay>
   

自从我写这篇文章以来已经有很长时间了，但我认为需要注意的重要事项是preferences.xul（我的示例中的第 1 点）的叠加层引用了另一个包含实际 prefpane ( optionsOverlay.xul) 的 XUL 叠加层，并且您需要list-style-image在CSS 来指定新标签的图标。