firefox 相关问题

Mozilla Firefox是一款免费的开源跨平台Web浏览器。如果您的问题与Firefox的内部工作方式有关,或者如果它与在其他浏览器中工作的Firefox无效的代码相关,请使用此标记。关于Firefox附加组件开发的问题应该被标记为[firefox-addon]。如果您的问题是关于使用Firefox浏览(即作为最终用户),您应该在超级用户上提问。

在 Android 上点击 Firefox 中的通知打开“about:blank”?

在我的网络工作者中,我尝试描述当我们点击通知时会发生什么: self.addEventListener('notificationclick', (事件) => { event.notification.close(); const link = event.notific...

回答 1 投票 0

空白:nowrap 调整父级的大小,但不尊重滚动条

我有一个侧边栏,其中一些文本不得换行。如果文本对于容器来说太大,我希望容器(即侧边栏)展开。这是该问题的 MVP: 我有一个侧边栏,其中一些文本不得换行。如果文本对于容器来说太大,我希望容器(即侧边栏)展开。这是问题的 MVP: <html> <body> <div class="sidebar"> <span>This is some text that must not wrap.</span> <div class="etc"></div> </div> </body> </html> * { box-sizing: border-box; margin: 0; } body { height: 100vh; display: grid; grid-template-columns: auto 1fr; } .etc { /* Just for demo purposes to ensure a scrollbar appears. */ height: 200vh; } .sidebar { overflow-y: auto; } .sidebar span { white-space: nowrap; overflow: auto; } 这会产生以下结果: 添加更多文本确实会增加容器宽度,但它总是比滚动条的宽度短。 为什么会发生这种情况,我该如何解决?最好不要在右侧添加滚动条宽度的填充/边距。 为了透明起见,实际的代码库具有更复杂的标记(见下文)。在这种情况下,最长的 p:last-child 元素将位于滚动条下方(如果它们长度相似,则两者都会位于滚动条下方)。 <body> <ul> <li> <a> <div> <h2>Title</h2> <p>This is underneath the scrollbar.</p> </div> <div> <p>Some text...</p> <p>This is also underneath the scrollbar if it's long enough.</p> </div> </a> </li> ... </ul> </body> 感谢@zer00ne和@Alohci的评论,overflow-y: scroll和scrollbar-gutter: stable都适用于我的用例。 后者必须caniuse。

回答 1 投票 0

Firefox 省略号的渲染问题

在Firefox浏览器中,字符串截断不起作用,第一次在输入框中输入时截断不起作用,但是当聚焦并再次键入时它开始起作用,似乎......

回答 1 投票 0

无法从 svg 中的数据 uri 不均匀地缩放 feImage

各种 stackoverflow 答案和评论显示了在 svg 过滤器中使用以下构造的示例: (或旧语法

回答 1 投票 0

Chrome 和 Firefox 中动态内容的不同滚动行为

我有一个固定的标题,容器 div 有滚动。 单击按钮后,我尝试在其顶部添加动态内容。预期的行为是在按钮顶部添加动态内容,按钮...

回答 2 投票 0

WebExtension 中的 TCP 服务器

有没有办法启动使用 Firefox WebExtension 监听端口的 TCP 服务器?我知道存在使用 XUL/XPCOM 扩展启动服务器的方法,但它已过时并且将不受支持(

回答 3 投票 0

如何将Javascript注入到Android上的GeckoView

我想在我的项目中使用GeckoView。但我需要在这个项目中运行一些 Javascript 代码。我怎样才能实现这个目标?

回答 2 投票 0

为什么图像在浏览器中会被放大,以及如何避免这个问题?

为什么这些图像在现场(在线)不清晰?为什么他们要放大? 在线的: 这些看起来也应该很脆,但它们被放大了: 比较如下: 在此屏幕截图的右侧...

回答 1 投票 0

如何使用Firefox的开发工具检查侧边栏中的Web扩展内容?

当 Web 扩展创建侧边栏内容时,如何使用 Firefox 的开发工具来检查侧边栏中显示的侧边栏内容? 如果示例有帮助,请考虑 T...

回答 1 投票 0

Smallstep X509 证书在 Firefox 中导致 SEC_ERROR_BAD_DER

我正在为本地测试环境设置PKI。它基于 Docker 中的 SmallStep 和 Traefik,我尝试对我使用的域使用名称约束。 根 CA 模板: { ”

回答 1 投票 0

在 Firefox 浏览器控制台中按状态代码过滤网络请求

如何在 Firefox 浏览器控制台中仅显示某些 HTTP 状态代码? 例如,我只想查看返回 404 错误的所有图像请求的列表。控制台有一个设置可以显示

回答 1 投票 0

有没有办法让FireFox在启动时询问我想使用什么配置文件?

我正在尝试从 Google Chrome 切换到 FireFox。我正在努力做的关键事情之一是配置文件。当我启动 Chrome 时,它会问我“谁在使用 Chrome?”看起来有点……

回答 1 投票 0

如何签署 Firefox 扩展

我想签署 Firefox 扩展。我在互联网上搜索了有关签署扩展的信息,并找到了 URL https://developer.mozilla.org/en/docs/Signing_a_XPI。 我已完成说明...

回答 2 投票 0

删除 Firefox 表单字段突出显示?

我在使用 Firefox 表单字段时遇到了这个问题。它们突然以明亮、丑陋的蓝色突出显示,我试图将其恢复到原来的、更干净的虚线。其实,这个时候,...

回答 1 投票 0

如何避免 Firefox 中文件选择器 5 秒的“用户未激活”超时?

我试图避免单击 元素时出现可怕的“选择器因缺乏用户激活而被阻止”错误。我知道你认为你已经看到了这个

回答 1 投票 0

当 CSS 简写与各个简写组成部分结合使用时,正确的浏览器行为是什么?

考虑以下代码。 一个{ 文字装饰颜色:红色; } .哎呀{ 文本装饰:下划线; } 代码 { 边框:1px实心rgb(0 0 0 / 0.2); 内边距:0.5em; } 这个... 考虑以下代码。 a { text-decoration-color: red; } .oops{ text-decoration: underline; } code { border: 1px solid rgb(0 0 0 / 0.2); padding-inline: 0.5em; } <p>This <a href='#'>link</a> is underlined in red with <code>text-decoration-color: red</code>.</p> <p>This <a href='#' class="oops">link</a> also has <code>text-decoration-color: red</code> applied, but is not underlined in red in Chrome or Firefox as it has <code>text-decoration: underline</code> applied, which is a short hand for <ul> <li>text-decoration-color</li> <li>text-decoration-line</li> <li>text-decoration-style</li> <li>text-decoration-thickness</li> </ul></p> 如果您在 Chrome 或 Firefox 中查看此链接,则第二个链接不会带有红色下划线,因为 text-decoration-color 被 text-decoration-shorthand 覆盖(即使颜色未指定为其中的一部分)。在 Safari 中,它用红色下划线表示,因为 text-decoration-color 会覆盖简写。 可以通过将 text-decoration: underline 更改为 text-decoration-line: underline 轻松解决差异,但我想知道......根据规范,这是正确的行为? 正如我所怀疑的那样,但在问题评论中得到了证实(由@TemaniAfif,并由@C3Roe链接) 省略属性:未指定的值将设置为其初始值。这意味着它会覆盖之前设置的值。 来源 通过使用 text-decoration(简写),您可以有效地将每个组成属性设置为 initial。 请参阅下面的示例: .second 和 .third 效果相同 .fourth 具有所需的效果(根据您的示例),因为它不会覆盖之前设置的值 a { text-decoration-color: red; } .second { text-decoration: underline; } .third { text-decoration-color: initial; text-decoration-line: underline; text-decoration-style: initial; text-decoration-thickness: initial; } .fourth { text-decoration-line: underline; } <a href='#'>First</a> </br> <a href='#' class="second">Second</a> </br> <a href='#' class="third">Third</a> </br> <a href='#' class="fourth">Fourth</a> 至于 Safari... 从我在 Safari Elements 面板中看到的情况来看,当使用属性 text-decoration 的简写时,Safari 会尝试将该属性拆分为其组成属性。

回答 1 投票 0

让 html 元素闪烁背景颜色并淡入另一种颜色

我正在寻找一种轻量级的解决方案,让 HTML 元素(如 div 或 li)闪烁一种背景颜色(如纯绿色),然后在一段时间内淡入另一种颜色(如淡入白色)

回答 2 投票 0

如何在 Firefox 开发工具主体中发送嵌套对象

当我尝试使用下面的正文进行发布时,服务器收到的值是字符串而不是对象。我尝试过不同的报价但无济于事。有没有我需要遵循的格式...

回答 1 投票 0

服务器发送事件 - text/event-stream 有时会被 chrome 和 firefox 误解为 text/html

我构建了一个应用程序,在某些时候,使用服务器发送事件(从长时间运行的 php 脚本发送)来更新前端的进度条。在我遇到了

回答 3 投票 0

如何设置 Selenium Python WebDriver 默认超时?

尝试找到一种好方法来设置 Selenium Python WebDriver 中命令执行延迟的最大时间限制。 理想情况下,类似: my_driver = get_my_driver() my_driver.set_timeout(30) #

回答 5 投票 0

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.