3

我正在开发一个 Firefox 扩展,在其中我对 browser.xul 进行了各种更改以自定义 Firefox 的 UI。默认情况下,Firefox 的菜单栏被禁用/不可见。我希望它始终显示菜单栏工具栏。仅供参考,我禁用了工具栏上的右键单击,该工具栏通常显示一个上下文菜单,其中一个可以使菜单栏可见或消失。

有什么方法可以进行此设置吗?

4

3 回答 3

2

我找到了这个条目,因为我正在寻找一种解决方案来显示总是“最小化”的工具栏,所以我不得不点击“更多工具”,然后点击工具(例如 ublock)。

我的解决方案是about:config将值browser.chrome.toolbar_style(“2”)更改为“1”。重新启动 Firefox 后,所有工具都再次可见。将其改回“2”并重新启动 Firefox 仍然显示所有工具 .. 奇怪的行为。

于 2017-01-13T10:18:50.083 回答
1

这不是一个解决方案,而是一个解决方案的开始。

选项1

弄清楚如何设置一个比这里更重要的样式表:

看起来当在第 289 行inactive=true设置属性时,chrome://global/content/xul.css它的 CSS 重要高度为 0。我尝试使用自己的高度注册样式表

This is whats applied when `inactive=true` attribute is on it:

toolbar[type="menubar"][autohide="true"][inactive="true"]:not([customizing="true"]) {
  min-height: 0 !important;
  height: 0 !important;
  -moz-appearance: none !important;
  border-style: none !important;
}

我试过这个,但我的重要性并没有压倒这个,这个页面可能值得一读,它关于 css 顺序优先级我认为可以这样做: http: //hungred.com/useful-information/css-priority-order -提示与技巧/

我试过这段代码,但它不会更重要:

// globals
Cu.import('resource://gre/modules/Services.jsm');
var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);

try {
    sss.unregisterSheet(cssUri, sss.AUTHOR_SHEET);
} catch (ignore) {}

var cssUri;
var css = 'toolbar[type="menubar"][autohide="true"][inactive="true"]:not([customizing="true"]) { height: 50px !important; min-height: 50px !important;';
var newURIParam = {
    aURL: 'data:text/css,' + encodeURIComponent(css),
    aOriginCharset: null,
    aBaseURI: null
};
var cssUri = Services.io.newURI(newURIParam.aURL, newURIParam.aOriginCharset, newURIParam.aBaseURI);
sss.loadAndRegisterSheet(cssUri, sss.AUTHOR_SHEET);

我还尝试var css = '#toolbar-menubar[type="menubar"][autohide="true"][inactive="true"]:not([customizing="true"]) { height: 50px !important; min-height: 50px !important;';注意我是如何使用#toolbar-menubarid 而不是标签选择器的,id 具有最高的重要性,但即使我在它之后保持选择性,它也不起作用。

选项 2

突变观察者,每当附加了 inactive=true 时,将其删除。这肯定会火,不假思索。但是我认为 CSS 选项会更受欢迎,因为它可以提供更好的性能。

于 2015-06-04T11:54:00.950 回答
1

我试过了,它工作正常,

我已经编辑browser.js和内部gBrowserInit函数onLoad函数我在整个 UI 加载完成后添加了以下代码片段。

let toolbar = window.document.getElementById("toolbar-menubar");
if (toolbar) {
    window.setToolbarVisibility(toolbar, true, true);
}
于 2015-06-04T12:11:09.960 回答