如何使用Addon SDK操作Firefox UI？

Question

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

但是如何通过SDK访问UI元素及其CSS属性，就像我在userChrome.css中那样？

更准确地说：我想根据当前网址更改（非活动）标签的背景。

要查找的关键字是什么？

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';
}
}

这会将字体设置为所有标签中的粗体