如何使用Addon SDK操作Firefox UI？

Question

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

但是，如何通过SDK访问UI元素，分别访问它们的CSS属性，就像我在userChrome.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';
}
}

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