Mozilla Firefox是一款免费的开源跨平台Web浏览器。如果您的问题与Firefox的内部工作方式有关,或者如果它与在其他浏览器中工作的Firefox无效的代码相关,请使用此标记。关于Firefox附加组件开发的问题应该被标记为[firefox-addon]。如果您的问题是关于使用Firefox浏览(即作为最终用户),您应该在超级用户上提问。
firefox 扩展 - 如何读取清单 v3 中的 cookie
我制作了一个扩展,可以使用清单 v3 从浏览器读取 cookie,它在 chromium 上运行良好,但是当我尝试添加 Firefox 支持时,我无法读取浏览器的 cookie。 我跟着...
Firefox 插件上传说我的 ID 与正则表达式不匹配,但它确实匹配
尝试使用清单 v3 创建扩展。按照指南,它说我需要在 browser_specific_settings.gecko 中提供 UUID。我在这里已经这样做了: ' { “清单版本”:...
我是一名崭露头角的初级开发人员,我一直在整理我的第一个作品集。我正在慢慢准备最终版本的组合和上传,出于测试目的,我上传了 WIP 版本...
如何将 Firefox 中的开发工具语言更改为英语,同时以其他语言显示?
我更喜欢 Firefox 中的默认语言是希伯来语,但我希望开发工具是英语。默认情况下,devtools 设置为与浏览器界面的其余部分具有相同的语言....
我有一个网络应用程序,它访问数据库以返回文件名列表供用户选择下载。 过去这只是对文件的确认(以及......的数量/大小)
如何修复“未捕获的语法错误:导入声明只能出现在模块的顶层”?
我的Firefox版本是188,所以我知道这不是版本问题。每当我“检查”然后控制台时,我都会收到以下错误。 未捕获的语法错误:导入声明可能只出现在顶部文件...
我在chrome中有一个滚动条,我想让这个滚动条与firefox兼容,但无法找到给滚动条半径的方法。 Chrome 滚动条 CSS /* 存储选择器 */...
#身体{ 边距:0px; ...</desc> <question vote="5"> <pre><code><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type='text/css'> #body{ margin:0px; } #headerDiv{ background-color:#e0e2eb; } .header_innerHeaderDivs{ border:solid 1px gray; display:inline; font:normal 11px tahoma; color:black; } .header_innerHeaderDivs:hover{ padding:4px; } </style> </head> <body id='body'> <div id='headerDiv'> <div class='header_innerHeaderDivs'>Comapny</div> <div class='header_innerHeaderDivs'>Edit</div> <div class='header_innerHeaderDivs'>Inventory</div> <div class='header_innerHeaderDivs'>Logout</div> </div> </body> </html> </code></pre> <hr/> <p>使用FireFox 3.6.3</p> </question> <answer tick="false" vote="4"> <p>你可以尝试:</p> <p><pre><code>#headerDiv div:hover{padding:4px;}</code></pre></p> <p>编辑:</p> <p>如果您希望父 div 展开,请将 .header_innerHeaderDivs 的显示设置为内联块。 另外,如上所述,您可能希望将 dtd 声明设置为:</p> <p><pre><code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></code></pre></p> <p>或 html4.01 过渡变体。 </p> </answer> <answer tick="true" vote="3"> <p>如果这是一个导航栏,最好只使用链接列表(这样更语义化),这样你的悬停也可以在 ie 中使用(:hover 仅适用于 ie 中的元素)</p> <pre><code><ul id='header-nav'> <li><a>Comapny</a></li> <li><a>Edit</a></li> <li><a>Inventory</a></li> <li><a>Logout</a></li> </ul> </code></pre> <p>然后</p> <pre><code>#header-nav { background-color:#e0e2eb; } #header-nav a { border:solid 1px gray; display:inline; font:normal 11px tahoma; color:black; } #header-nav a:hover { padding: 4px. } </code></pre> <p>还有一个提示:尽量避免使用“div”作为类名的一部分。它在语义上没有那么有帮助/描述性:)</p> </answer> <answer tick="false" vote="3"> <p>我也遇到这个问题了。似乎 <pre><code>div</code></pre> 中的所有内容都在 <pre><code>:hover</code></pre> 中发生变化,但 <pre><code>div</code></pre> 本身却没有变化。所以你可以有一个包围 <pre><code>div</code></pre> 来影响 <pre><code>:hover</code></pre>。 </p> <pre><code><div class="hoverChange"><div class='header_innerHeaderDivs'>Comapny</div></div> </code></pre> <p>然后是CSS</p> <pre><code>.hoverChange :hover{ padding: 4px; } </code></pre> </answer> <answer tick="false" vote="1"> <p>对我来说,这与 CSS 的特殊性有关。添加后有效!重要</p> </answer> <answer tick="false" vote="0"> <p>如果将文档类型切换为 XHTML Transitional 或以上,则可以正常工作。 IT 也可以严格使用 HTML,尽管我没有尝试过。一般来说,除非您通过 js 事件处理程序指定操作,否则您希望使用 <pre><code>a</code></pre> 标签进行悬停。</p> </answer> <answer tick="false" vote="0"> <p>适用于 Safari。您是否在 IE 中进行测试,其中 <pre><code>:hover</code></pre> 仅适用于 <pre><code>a</code></pre> 元素?</p> <p>编辑:我在 Firefox 中进行了测试,但它在那里不起作用(但在 Opera 中有效)。使用 <pre><code>div.header_innerHeaderDivs</code></pre> 修复它......也许你不能只在类上使用伪选择器?但它是有效的;可能是浏览器错误。</p> </answer> <answer tick="false" vote="0"> <p>如果您使用 IE,那么您需要将 <pre><code><!DOCTYPE html></code></pre> 添加到顶部。否则 IE 会非常挑剔,只会识别锚标记上的 <pre><code>:hover</code></pre>。</p> <p>编辑: 非 CSS 替代方案(使用 jQuery .bind):</p> <pre><code> <script> $('.header_innerHeaderDivs').bind('mouseenter', function(event){ $(event.target).css('background-color', 'yellow'); }); $('.header_innerHeaderDivs').bind('mouseleave', function(event){ $(event.target).css('background-color', 'blue'); }); </script> </code></pre> <p>我不会像代码块那样将它放在 html 文件中间的脚本标记中(最好放在 js 文件中),但你明白了。我宁愿自己使用纯 CSS,但这是一个选项。</p> </answer> <answer tick="false" vote="0"> <p>提到其他答案未涵盖的可能情况,悬停在 Firefox 中工作不一致的一种可能性是,有一个 <em>mouseover</em> 事件侦听器可以对 DOM 中悬停的元素重新排序,例如使用 <a href="https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild" rel="nofollow noreferrer">appendChild</a>。删除后立即添加会导致元素失去悬停状态,而 Chrome 会恢复悬停状态(假设光标仍然指向该元素),而 Firefox 则不会。</p> <p>如果您遇到这种情况,可能的解决方案包括:</p> <ul> <li><a href="https://stackoverflow.com/q/17226676/638546">用鼠标事件模拟触发:hover</a> </li>添加/删除类(如 .hover)而不是 :hover<li> </li>不要移动该元素,而是移动其同级元素。<li> </li> </ul>鼠标悬停显然不是问题代码片段中的问题,但这个答案对于像我这样寻找悬停在 Firefox 中出现意外行为的可能情况的人可能很有用。<p> </p>在 Chrome 118、Firefox 114、macOS 13.6 上测试。<p> </p> </answer></body>
AttributeError:“WebDriver”对象没有属性“find_element_by_name”
当我运行我在cmd中编写的代码时,仅打开(https://www.instagram.com/accounts/password/reset/)页面。没有其他变化。我遇到了这个错误: 用户名_输入 = 驱动程序。
我正在寻找与使用 Safari 远程调试等效的方法来调试仅在 Firefox (iOS) 上发生的 JavaScript 边缘情况。 对于这个项目,远程控制台就足够了。 谢谢!
我在使用 Firefox 中的标准导出功能将 Firefox 中的数千个书签导出到 HTML 文件时遇到问题。我收到此错误: ************************** 编码异常是...
TypeError:WebDriver.__init__() 有一个意外的关键字参数 'executable_path' 解决方案是什么?
当我运行我在cmd中编写的代码时,遇到这个错误。 驱动程序 = webdriver.Firefox(executable_path="C:/geckodriver/geckodriver.exe") 类型错误:WebDriver.init() 得到了意外的密钥...
使用 WEBRTC 在音频流中回声/混响。这种情况仅发生在 Firefox 上,chrome 完美运行
我使用 webrtc 组织在线通话,一段时间以来,我注意到我在 Firefox 上收到了回声,而在相同的情况下(相同的输出/输入)我在 Chrome 上没有收到任何回声。 。 我已经...
我在python中有以下selenium代码来使用我的firefox配置文件,这个想法是为了让我免于每次登录到我经常访问的页面,但Selenium仍然在没有“m”的情况下自行启动...
我一直在遵循本机消息传递指南,但现在我陷入了停滞。 Firefox 上的开发者控制台一直给我同样的错误: “尝试在断开连接的端口上发布消息”等...
我开始了一个新的反应项目 npm create vite@latest my-app ---template react-ts 并做了 cd my-vue-app npm 安装 npm 运行开发 现在它说我可以打开网站http://localhos...
我所有的 .pdf 文件都在 Android 中保存为 .pdf.htlml
我尝试安装其他浏览器但仍然没有帮助。 我终于重置了手机。安装firefox后也尝试过。但问题仍然存在。我已经查看了设置。清除
在 Google Colab 中使用 Tensorboard 和 Firefox 时出现错误 403
我的云端硬盘上已有一个 tfevent 文件,并且我已成功将其连接到 Google Colab。在 Tensorboard Github 的 issues 中搜索后,我发现我必须设置 dom。
为什么带有文本溢出和滚动条的 Flex 子项在 Firefox 中无法展开?
我有一个滚动的,里面有很多项目。这些项目设置为在溢出时使用省略号。整个东西都在一个绝对定位的容器中。 没有任何限制... 我有一个滚动的<div>,里面有很多项目。这些项目设置为在溢出时使用省略号。整个东西都在一个绝对定位的容器中。 任何宽度都没有限制,因此项目应该能够完全展开,就像在 Chrome 和 Edge 中一样。在 Firefox 中我得到这个: 我在这里看到了很多类似的问题,但常见的解决方案是将 Flex 子项的 min-width 或 min-height 设置为“auto”以外的其他值。在我的情况下,这不起作用(请参阅代码片段)。 我怀疑滚动条是问题所在。如果只有两个项目要显示,则没有滚动条,但框仍然是相同的宽度。 我该如何解决这个问题? .content { position: absolute; top: 20px; left: 20px; height: 60px; display: flex; flex-flow: column; border: 2px solid red; } .scroller { flex-shrink: 1; overflow-y: auto; background-color: gold; min-width: 0; min-height: 0; } .item { text-overflow: ellipsis; overflow: hidden; } <div class="content"> <div class="scroller"> <div class="item">a12345</div> <div class="item">b12345</div> <div class="item">c12345</div> <div class="item">d12345</div> </div> </div> 这样可以吗? .content { position: absolute; top: 20px; left: 20px; min-width: 65px!important; height: 65px; display: flex; flex-flow: column; border: 2px solid red; } .scroller { flex-shrink: 1; overflow-y: auto; background-color: gold; min-width: 0; min-height: 0; } .item { text-overflow: ellipsis; overflow: hidden; } <div class="content"> <div class="scroller"> <div class="item" >a12345</div> <div class="item" >b12345</div> <div class="item" >c12345</div> <div class="item" >d12345</div> </div> </div> 这是一个 Firefox 错误,早在 2012 年就已报告过,但至今仍未修复 - https://bugzilla.mozilla.org/show_bug.cgi?id=764076. 它不仅限于 Flexbox,甚至在文本区域中也会发生,解决方法是对具有 scrollbar-gutter: stable 的元素使用 overflow: auto。当滚动条未使用时,这会增加一个可能不需要的空白区域,因此最好将此 hack 仅限于 Firefox: /* workaround for Firefox bug #764076 */ @supports (-moz-appearance:none) { .scroller { scrollbar-gutter: stable; } } scrollbar-gutter 上的 MDN 文档
使用 alpinejs 构建的模态仅在 Firefox 中刷新页面后才工作
我的页面上有一个使用 Alpinejs 构建的模式。当您单击“查看它是如何工作的”按钮时,会打开一个模式,并且视频应该会自动开始播放。然后您可以关闭...