问题标签 [firefox-quantum]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - webextensions 插件的浏览器操作弹出窗口的悬停操作在悬停释放后保持部分突出显示
我正在开发一个网络扩展程序,自从我升级到 Firefox 量子后,我遇到了一个新问题:我的扩展程序的弹出菜单通过保持部分突出显示来搞乱悬停。.
正如您在 gif 中看到的那样,即使我悬停在底部,第一个元素仍然部分突出显示,即使我悬停在顶部,底部仍然部分突出显示。
这只发生在 Firefox 中,并且在 google chrome 中运行良好。
我需要做什么来解决这个问题?是否有任何我遗漏的具体内容,或者这是新的 Firefox 更新的问题?
我创建了一个最小扩展来重现该问题:
创建一个包含以下内容的 manifest.json:
创建一个名为 choose_page.css 的文档,其内容如下:
和一个名为 choose_page.html 的 html 页面,其内容如下:
我相信这是火狐的一个错误,所以我在这里提交了一个错误:https ://bugzilla.mozilla.org/show_bug.cgi?id=1422187
javascript - Firefox 57 (Quantum) 的渲染问题
我们收到了一些报告,并且我们自己也经历过这种情况,即在我们的“应用程序页面”上的随机情况下(可能每三次或第四次请求),页面变得非常长,并且“页脚”没有加载。
因此,例如在https://alternativeto.net/software/adobe-photoshop/上,如果您刷新该页面几次或转到任何其他“应用程序页面”,这应该会发生。
奇怪的是,只要我打开检查器,一切都会恢复正常。此外,如果我让检查员打开一切正常(但您可以看到滚动条在问题出现时快速跳跃,但又会返回)。
我在带有附加组件的 Firefox 和干净的配置文件中都体验过这一点。
我想这是 Firefox 的一些错误以及我们页面中代码中的某些内容。
有人可以在这里指出我正确的方向吗?我努力了
firefox - 如何使 Firefox 控制台组重复输出?
我最近从 Chrome 切换到 Firefox Quantum Developer,我注意到重复的日志消息不会像在 Chrome 中那样折叠:
我怎样才能让这一切都显示为一个,像这样
编辑:似乎它对某些输出而不是其他输出执行此操作,我觉得这很奇怪。
firefox - 下拉列表(选择/选项)在 Firefox 移动版(触摸)上不起作用
我最近注意到我的下拉列表在 Firefox 移动浏览器上停止工作。
我在小提琴中做了一个简单的例子: https ://jsfiddle.net/a52jm6h3/8/
我正在使用 Firefox Quantum(57、64 位),然后使用开发人员工具来模拟移动设备,当我选择像 Google Nexus 7 这样的设备(并确保启用了触摸模拟)时,我无法打开下拉菜单列表。
有没有其他人有类似的问题?
javascript - Firefox Quantum 上的动画问题
我注意到新Firefox Quantum上的动画存在问题。
当您第一次加载带有一些动画元素的页面时display: none;
,当脚本将其切换到您时,.display = "block";
您将错过整个动画,或者如果它超过几秒钟,则在开始时会错过部分动画。
在下面的片段中查看它:
您会注意到无限动画显然没有任何问题,但其他两个显然有。
那么解决方案是什么?
笔记:
- 您必须使用Firefox Quantum才能查看此内容。
- 我在Google Chrome上尝试了相同的代码段,一切正常。
html - 背景尺寸:封面在 Firefox Quantum 中不起作用
我最近重组了我网站的页面布局,以减少所需的 wrapper<div>
数量。除了 Firefox,一切都很好。我以前有一个<div>
浏览器视口的大小并包含所有页面内容。这<div>
具有三个背景图像,这些图像根据视口大小进行分层和缩放,以便整体背景在所有设备尺寸上看起来都是正确的。这是通过background-size: contain, contain, cover
(图像顺序为左前、右前、回填)完成的。
当我重组布局时,<body>
标签将其替换<div>
为主视口大小的容器,因此背景图像现在放置在主体上。从理论上讲,这不应该产生影响,并且在 Chrome、Opera、IE 和 Edge 上也没有。然而,在 Firefox Quantum 中,背景图像根本不呈现。如果我删除说明background-size
符,它们会呈现,但显然尺寸错误。
我在 Firefox 支持论坛上将此作为潜在错误提交,并被一个人告知“Firefox 处理正确,Chrome、Opera、IE 和 Edge 都是错误的”,并被第二个人告知来到这里,我现在已经做到了。
第一个人是否正确地说background-size: cover
或background-size: contain
在 body 标签上应该使background-image
不可见,并且 Chrome、Opera、IE 和 Edge 在处理这个属性时都是不正确的,就好像它在<div>
相同大小的 a 上一样?
或者这是 FF Quantum 中需要解决的实际错误?
这种行为可以在这里看到:https ://angeldragons.com/home/credits 。背景应该在 Chrome 中正确显示和缩放,但不是 FF Quantum。
css - 是否存在不适用于 Firefox Quantum 的 Firefox 旧版特定 CSS?
我有一些使用某些浏览器特定 CSS 的 CSS。对于 Firefox,我使用:
@-moz-document
在我的选择器前面,所以只有 Firefox 会使用 CSS。然而,新的 Firefox Quantum 也使用了该 CSS,尽管它呈现的 CSS 与 Firefox 不同,因为它具有“新的 CSS 引擎”。
新的 CSS 引擎实际上使其更接近 Chrome 呈现我的特定 CSS 的方式,因此即使没有仅适用于 Firefox Quantum 的选择器,如果有某种方法可以让它忽略某些选择器,那也可以。
所以我需要一种只为 Firefox(不是 Quantum)提供一些 CSS 的方法,理想情况下是一种只为 Firefox Quantum 提供单独 CSS 的方法。
css - 在导航栏悬停时显示 Firefox 57 标签栏
我正在尝试编辑userChrome.css文件以默认隐藏 FF 57 上的标签栏,并使用以下代码进行操作
我希望标签栏仅在我将鼠标悬停在导航栏上时可见,即包含地址字段、导航按钮、菜单按钮等内容的工具栏。所以,我确实尝试了以下方式。
我注意到悬停属性在#nav-bar 上根本不起作用,因为我注意到即使背景颜色也没有改变。
更新:一般来说,css 会这样工作:
firefox - Firefox 57 / Quantum:模拟打印样式
如何在新的 Firefox Quantum 开发控制台中模拟媒体类型“打印”?
试图以某种方式启用它并搜索文档但找不到任何提示!