javascript - 如何使用 Addon SDK 操作 Firefox UI?

标签 javascript css firefox firefox-addon firefox-addon-sdk

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

但是我如何通过 SDK 访问 UI 元素及其 CSS 属性,就像我在 userChrome.css 中所做的那样?

更准确地说:我想根据当前 URL 更改(非事件)标签的背景。

要查找的关键字是什么?

最佳答案

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

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

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

关于javascript - 如何使用 Addon SDK 操作 Firefox UI?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24043887/

相关文章:

javascript - 如何根据焦点切换输入类?

c# - 希望 WatiN 绕过 FireFox“需要身份验证”对话框

html - 可折叠导航不适用于边距 - 为什么?

javascript - ajax 预检失败,Firefox 中的 OPTIONS 响应为 200

firefox - 从终端窗口启动 firefox,打开一个文本文件并将显示的文本定位在指定行

javascript - 使用循环渲染图像并更新状态并在渲染图像内显示状态值

javascript - 如何处理依赖于另一个 promise 的 promise 循环

javascript - jQuery UI 对话框关闭按钮不显示本地 jQuery 文件

javascript - 获取外部网页到 iframe

html - 如果 float 元素在 HTML 结构中定义在它们之后,为什么它们不会与 block 元素重叠?