程序员经验分享-hwhale

Web 扩展：如何使用“browser_style = true”？

2023-11-26

编写 Firefox Web 扩展时，可以对浏览器或页面操作使用默认 css，以便它们的样式与其他浏览器 UI 组件一样。这是通过插入完成的：

"browser_style": true

在扩展清单中。风格喜欢panel-section-footer-button变得可用。

我的问题：你怎么知道如何使用默认样式，似乎没有官方来源或说明？

Related:

  • 内置资源中的csschrome://browser/content/extension.css.

  • This 弹出示例在 Mozilla 网站上，它使用一些默认样式。


Using "browser_style": true结果在chrome://browser/content/extension.css file 应用于您的 HTML (on OSX chrome://browser/content/extension-mac.css改为应用）。

Mozilla 有一个时尚指南您可以仔细阅读以了解如何使用各种元素和类。该风格指南的链接位于browser_style的“语法”部分中的条目browser_action文档页。类似的链接位于page_actionMDN 文档页面。就我个人而言，我认为风格指南中包含的信息直接托管在 MDN 上比托管在 MDN 上更合适。firefoxux.github.io.

如果您只对元素和类感兴趣，您可以在下面找到示例元件部分.

注：下一些条件, 火狐也尝试申请 chrome://browser/content/extension-win-panel.css or chrome://browser/content/extension-mac-panel.css两者都不存在。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

css

firefoxaddonwebextensions

Web 扩展：如何使用“browser_style = true”？ 的相关文章

  • 如何在不使CSS3多列div变窄的情况下添加浮动图像？

    正如人们可以在这里看到的 http jsfiddle net ZP3vu http jsfiddle net ZP3vu 由于图像浮动 文本变得更窄 然后在图像下方恢复到 100 宽度 然而 对于 CSS3 多列 它变得很难看 http j

  • CSS3 PIE - 给 IE border-radius 支持不起作用？

    我正在尝试在 IE 中使用圆角CSS3 PIE http css3pie com 附着行为 这是我的CSS fieldRow clear both padding 0 margin 0 overflow hidden line height

  • Internet Explorer 10+ 媒体查询和响应断点

    我正在尝试将 IE10 特定媒体查询与最大宽度页面断点结合起来 我很确定它们可以组合 但不知道如何去做 这是原始的 IE10 唯一的 css 媒体查询 media all and ms high contrast none ms high

  • 使弹性盒中的项目占据所有垂直和水平空间

    我目前在容器中有元素 每个元素都包含一个图像 我想使用 Flexbox 将它们分布到四个角或容器中 图像在水平方向上分布正确 但在垂直方向上没有占用所有可用空间 Here s what it looks like at the moment

  • CSS动画从右到左动态

    我面临的问题是 我有一个从右到左的动画文本 该文本根据语言集而变化 是什么导致文本的总宽度也发生变化 在这张图中 我想要的效果工作正常 因为一些属性是固定的 现在 当我更改更长的文本时 问题就出现了 所以 这就是我现在所拥有的 这就是我想要

  • 流程图调整大小错误，高度无效

    我正在尝试将图表添加到我的页面 但在向图表添加调整大小时遇到 一些问题 为了使调整大小插件正常工作 宽度和高度 og 占位符 div 需要设置为 100 但是当我这样做并想要在新窗口中加载图形时 我尝试在文档准备就绪时调用绘图方法 但我的

  • 选择器引擎到底朝哪个方向读取？

    我一直相信 尽管我现在怀疑这些信念的有效性 div name 比以下更快 name 然而我最近读到大多数CSS选择器引擎都是从右向左读取的 在这种情况下第一个例子实际上不会更慢吗 因为选择器引擎只会找到具有名称类别的每个元素 然后必须识别其

  • chrome 不渲染 gif 背景图像

    当前运行 chrome 14 它无法在我的登录页面上呈现旋转的 gif 图形 这是该页面在 Chrome 中的样子 这是它在所有其他浏览器上的样子 重现 http trunk test openmile com login null htt

  • 使用 JavaScript 跨浏览器的 Webkit 背景过滤器

    我看过这个令人惊叹的新演示 webkit backdrop filter blur Xpx 我想问如何用 JavaScript 重现这个至少在 Chrome 中工作但也可能在 Firefox 中工作的情况 演示 https webkit o

  • 将 div 扩展到 iFrame 范围之外？

    是否可以将内容扩展到 iframe 之外 就我而言 我以前渲染的是原生

  • 如何防止移动浏览器调整文本大小

    如何使文本在移动设备上的显示方式与在桌面设备上的显示方式相同 浅粉色区域中的文本在桌面和移动设备上是相同的 这正是我在 推荐 部分 以及许多其他领域 需要实现的目标 谢谢 Desktop view Mobile view CSS testi

  • 纯 CSS 三角形在 Firefox 中看起来很模糊

    我正在尝试使用本文中 CSS 技巧中使用的纯 css 三角形http css tricks com snippets css css triangle http css tricks com snippets css css triangl

  • 有没有办法为 CSS3 边框图像的每一侧使用不同的图像？

    在 Firefox 和 Safari 上 我可以通过以下 CSS 使用图像作为边框 moz border image url shadow left png 0 7 0 7 round round webkit border image u

  • 缩放不同宽度的图像以适应行并保持相等的高度

    我有三张图片 全部是不同宽度 但每个相同高度 我希望这些图像位于响应行中 以便这三个图像的组合宽度为屏幕宽度的 100 所有图像具有相同的高度 每个图像保持其纵横比 并且图像不会被裁剪 一种方法是根据每个图像的宽度 在 CSS 中为每个图像

  • 无论单元格中的文本量如何，都将表格列宽设置为恒定吗？

    在我的表格中 我将列中第一个单元格的宽度设置为100px 但是 当该列中的一个单元格中的文本太长时 该列的宽度将变得超过100px 我怎样才能禁用这个扩展 我玩了一会儿 因为我很难弄清楚 您需要设置单元格宽度 th or td工作 我设置了

  • VS2010中是否可以更改CSS验证方案

    我正在 VS2010 中编辑一个简单的 CSS 文件 编辑器似乎对 CSS 的理解相当有限 例如 my rule position relative 生成警告 Validation CSS 1 0 position is not a kno

  • 隐藏加载失败的图片

    我有一个 Android 应用程序 它生成一些在本地 Webkit 视图中呈现的 HTML HTML 生成的细节实际上并不那么重要 除了 大部分来自一个地方 我无法改变它 HTML 周围的模板 包括页眉 页脚 HEAD 等 CSS 和 Ja

  • 从右到左打印表格单元格

    我制作了一个表格 并希望第一个单元格从右侧开始 而不是默认从左侧开始 我尝试更改 CSS 中的 float 属性 但似乎没有帮助 这是代码 table border 0 width 100 cellspacing 0 align cente

  • 样式表何时添加到 document.styleSheets

    我正在尝试使用 javascript 动态添加 css 样式表规则 例如示例 2here https developer mozilla org en DOM CSSStyleSheet insertRule 它在大多数情况下都有效 但似乎

  • 删除多个类 (jQuery)

    有没有更好的方法来重写这个 element removeClass class1 removeClass class2 我无法使用removeClass 因为它会删除我不想要的所有课程 element removeClass class1

随机推荐

  • 在 C# 中通过 DocuSign api 登录时出现“操作已超时”错误

    自 2018 年 5 月 31 日起 我在登录 DocuSign API 时收到以下错误 DocuSign eSign Client ApiException 调用登录时出错 操作已超时 自去年以来 我们一直在测试 DocuSign API

  • php中的“iif”是什么意思？

    有人在 php 中见过这个 iif 吗 那到底是什么 我尝试在 php net 中搜索它的文档 但找不到任何文档 任何人都可以举一个如何使用这个 iif 的简单例子吗 功能iif标准 PHP 库中不存在 但在大多数情况下 它是一个 短 if

  • 将多种算法与 sklearn pipeline 进行比较

    我正在尝试建立一个 scikit learn 管道来简化我的工作 我面临的问题是我不知道哪种算法 随机森林 朴素贝叶斯 决策树等 最适合 所以我需要尝试每种算法并比较结果 然而 管道一次只能采用一种算法吗 例如 下面的管道仅采用 SGDCl

  • 为什么默认参数尾随参数？

    为什么 C 中的默认参数是尾随参数 如果你有void func int a 0 int b 您将如何指定在调用此函数时使用默认参数

  • 如何使用 Python 从 OpenCV 3 中的持久 XML/YAML 文件读取/写入矩阵？

    我一直在尝试使用以下命令读取矩阵并将其写入持久文件存储 例如 XML Anaconda的电流cv2 我相信实际上是 OpenCV 3 x 我在网上查看了解决方案 人们参考了这样的解决方案 object cv2 cv Load file ob

  • 无法找到请求的.Net Framework 数据提供程序。它可能没有安装

    完成 ASP NET MVC 3 教程后 找到here 我尝试在线发布该应用程序 我联系了托管公司 以确定是否可以托管 MVC 3 应用程序 我必须对 dll 文件 应用程序进行 bin 部署 所以在执行了一些步骤之后汉塞尔曼博客 我陷入了

  • Python 字符串中出现意外的空字符串

    观察以下交互式会话 In 1 s emptiness In 2 s replace Out 2 e m p t i n e s s In 3 s count Out 3 10 我今天发现了这一点 这对我来说有点困惑和惊讶 我喜欢学习类似 P

  • PHP 类为什么使用 public 关键字？

    为什么要使用关键字声明类属性 变量 或方法 函数 public 如果它们默认是公开的 或者说 他们是吗 用不同的方式表达我的问题是public多余的 我明白private and protected 但为什么要声明public如果班级成员是

  • 如何强制/确保类属性是特定类型？

    如何在 Python 中将类成员变量限制为特定类型 更长的版本 我有一个类 它有几个在类外部设置的成员变量 由于它们的使用方式 它们必须是特定类型 要么是 int 要么是 list 如果这是 C 我只需将它们设为私有并在 set 函数中进行

  • 在同一天蓝色功能应用程序下部署多个功能不起作用

    尝试在同一个azure函数应用服务帐户中部署3个不同类型的函数 CosmosDBTrigger TimerTrigger HttpTrigger 附上文件夹结构以供参考 功能未按预期运行 但在成功部署后抛出错误 收到异常 函数 CopyTo

  • 哈希在Python中做什么？

    我看到了一个代码示例 其中hash函数应用于元组 结果它返回一个负整数 我想知道这个功能是做什么的 谷歌没有帮助 我找到了一个页面 解释了哈希值是如何计算的 但它没有解释为什么我们需要这个函数 哈希是一个固定大小的整数 用于标识特定值 每个

  • 如何让 DIV 滑入和滑出？

    我目前正在学习 jQuery 我想知道当您单击图像边缘时如何使图像滑入 然后再次单击它会滑开 与此类似 http www karenmillen com 如果您看到右侧并单击 就会出现我正在寻找的效果 我认为这将涉及制作一个 div 并给它

  • IPython 中的并行嵌套 for 循环

    我的 python 代码中有一个嵌套的 for 循环 如下所示 results for azimuth in azimuths for zenith in zeniths Do various bits of stuff Eventuall

  • 在Python中有很多点的图中找到两个最远的点

    我需要找到彼此距离最远的两个点 正如屏幕截图所示 我有一个包含另外两个数组的数组 一个用于 X 坐标 一个用于 Y 坐标 确定数据中最长线的最佳方法是什么 通过这样说 我需要选择图中最远的两个点 希望大家能帮忙 以下是一些屏幕截图 可帮助解

  • 在 PHP 中重写派生类中的静态成员

    那么最好的解决方法是什么 解决这个问题的最好方法是升级到 PHP 5 3 其中后期静态绑定可用 如果这不是一个选择

  • FragmentTabHost：没有已知标记为 null 的选项卡

    我在设计器中遇到了这个异常 Exception raised during rendering No tab known for tag null 我和这个人有相同的确切代码 Android FragmentTabHost 没有标签为空的标

  • 如何在Windows Phone 7中应用程序启动时显示不同的页面？

    当应用程序启动时需要显示注册页面 用户注册后 它不应该进入注册页面 而需要进入登录页面 如何实现这一目标 您可以从代码导航到 Windows Phone 应用程序的起始页 从 WMAppManifest 中删除 DefaultTask 条目

  • 3D相机坐标到世界坐标（改变基础？）

    假设我有一个对象相对于相机的 X Y Z 坐标和方向 Rx Ry Rz 另外 我还有这个相机在世界上的坐标U V W和方向Ru Rv Rw 如何将对象的位置 位置和旋转 转换为其在世界中的位置 对我来说 这听起来像是基础的改变 但我还没有找

  • Spring Data JPA 方法对多个字段使用 findBy 并对所有字段使用 Containing 子句是什么

    我有一个名为 Profile 的类及其 JPA 存储库 ProfileRepo 我正在尝试使用 findBy 方法来查找使用名字或中间名或姓氏以及包含子句的名称 public class Profile private String fir

  • Web 扩展：如何使用“browser_style = true”？

    编写 Firefox Web 扩展时 可以对浏览器或页面操作使用默认 css 以便它们的样式与其他浏览器 UI 组件一样 这是通过插入完成的 browser style true 在扩展清单中 风格喜欢panel section foote

热门标签