如何使用 Addon SDK 操作 Firefox UI？

Question

通过 Firefox Addon SDK 可以轻松操作页面内容。

但是我怎样才能像在userChrome.css 中一样通过 SDK 访问 UI 元素及其 CSS 属性？

更准确地说：我想根据当前 URL 更改（非活动）选项卡的背景。

要查找的关键字是什么？

Answer 1

您必须获取浏览器窗口。所以这段代码获取了最新的浏览器窗口：

const { getMostRecentBrowserWindow } = require('sdk/window/utils');
var aDOMWindow = getMostRecentBrowserWindow();
if (aDOMWindow.gBrowser && aDOMWindow.gBrowser.tabContainer) {
var tabs = aDOMWindow.gBrowser.tabContainer.childNodes;
for (var i=0; i<tabs.length; i++) {
tabs[i].style.fontWeight = 'bold';
}
}

这会将所有选项卡中的字体设置为粗体