问题标签 [firefox-android]

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.

0 投票
0 回答
75 浏览

javascript - 为什么输入事件会运行两次并在 Firefox for Android 中显示之前的值?

我正在尝试删除无效字符并将它们转换为大写;

如果您在最新的 Firefox for Android 上运行代码,输入事件将被触发两次,并且输入值将被复制。

但是,如果您删除任何操作(toUpperCase 或替换),那么问题就会消失。

测试用例一(有问题)

测试用例二(没有问题)

行为的原因是什么以及如何解决?

编辑::为清晰起见的屏幕截图。我输入了“ABC” 截屏

编辑 2: 看起来这段代码在苹果移动设备上引起了问题——当点击键盘提示时,这些提示没有被使用。一个临时的解决方案是在输入事件中使用过滤(替换),并使用大写 - 通过 focusout 或通过 css(文本转换:大写)和服务器上的进一步转换

0 投票
0 回答
140 浏览

android - 为什么 Firefox 移动地址栏在滚动时消失似乎对 100% 高度的 div 有影响?

我在这里有一个简单的网站。这个网站在 firefox mobile 上有一些奇怪的行为(在 osx 的 firefox 上运行良好)。似乎它在高度中包含地址栏,所以我在滚动到地址栏消失的点时得到一个像这样的白框......

在此处输入图像描述

如您所见,白框与我在地址栏中滚动的距离相匹配。一旦我向上滚动,地址栏就会出现,并且差距就会消失。我一直小心翼翼地确保我的所有身高都是正确的,而且我在移动 chrome 中似乎没有同样的问题(尽管地址栏在 chrome 中也没有消失)。

为什么会发生这种情况,我该如何处理?

0 投票
0 回答
68 浏览

android - 禁用 html 输入的自动完成

我正在寻找一种方法让移动浏览器按原样接受文本输入而不是使用autocompleteautocapitalize等功能自动修复它。即我想获得“错误”的输入来手动识别拼写错误和拼写错误。

对于 Android 上的 Chrome 87,来自 David Walsh的以下标记正是这样做的:

(据我所知,Chrome 甚至不需要自动更正拼写检查。)

不幸的是,这不适用于 Android 上的 Firefox 84。例如,当我english 逐个字符输入时,它会自动替换为English . (我已经发现确切的替换取决于所使用的键盘语言。因此,作为参考,我在此处使用带有英语(美国)语言的三星键盘。)您可以在此处使用不同的浏览器测试自己。

所以我的问题是:有没有办法让 Firefox(理想情况下是其他移动浏览器)接受文本输入就像 Chrome 对上面的标记所做的那样?

0 投票
1 回答
524 浏览

javascript - PushManager 订阅在 Firefox for Android 上失败

我正在努力在我的网络应用程序中集成网络推送通知。一切都适用于桌面版 Chrome 和 Firefox 以及 Android 版 Chrome,但不适用于Firefox for Android这个问题似乎讨论了同样的问题,但没有任何回应。

我使用本教程作为 service worker 注册脚本的基础。我添加了一些更多的打印/检查,但大部分是相同的。

因此,当registerServiceWorker从 FF Android 上的按钮按下调用该方法时,serviceWorker安装了该方法,该subscribeUser函数被调用,但该pushManager.subscribe方法将失败并显示以下错误消息:

这是不正确的,即使在错误打印行上暂停时Notification.permission也会返回"granted"

在每晚构建中执行相同的操作会导致略有不同,但仍然是不正确的行为。该pushManager.subscribe方法不会引发错误。而是运行回调,但带有参数nullsubscription。因此,该过程仍然失败。

Service Worker 注册脚本:

我无法弄清楚如何获得有效的推送订阅。如前所述,我尝试过的所有其他浏览器都可以正常工作。我希望有人能指出我正确的方向。这是 Firefox Android 或我的代码中的错误吗?

使用手动显示通知

确实有效,原则上证明权限不是问题。

0 投票
0 回答
61 浏览

javascript - Firefox Android 上未定义的 SpeechSynthUtterance 错误

背景

我正在创建一个SpeechSynth在大多数设备上运行良好的简单组件,但不知何故在 FireFox android 上,SpeechSynthUtterance它将调度事件,并且在onerror事件上没有定义错误属性

声音已加载;这不是不确定声音的问题。我无法深入了解这一点,因为错误很简单undefined

再生产

预期的

这个脚本应该运行得很好(只要用你的浏览器试试)

Firefox Android 上的结果

utterance.onerror 事件将被触发,没有定义错误,也没有说出文本。

记录的错误事件的输出 ( console.debug(event)):

浏览器兼容性也应该没有问题,因为我在 Android 11 上运行 FF Mobile 88.0.1

我是否错过了一些“特别”的东西来创造话语?

0 投票
0 回答
56 浏览

javascript - 如何使用 Javascript 在 Android 上实现“增强现实”功能检测?

我目前正在实现一个带有按钮的网络应用程序,该按钮通过单击链接直接打开本机“增强现实”视图。该链接以及 iOS 的功能检测非常简单:

但是,我在 Android 上找不到检查浏览器/设备是否支持 AR 的方法。

有没有办法在 Android 上为 Google 和 Firefox 中的 AR 支持实现该功能检测?

0 投票
1 回答
27 浏览

android - background-attachment: fixed; failes on firefox for android

I did quite some research and this issues came and went multiple times when looking at the age of various SO posts and Mozilla's bug tracker.

Each time I use background-attachment: fixed; on something like the background of the body tag, firefox on android fails placing it correctly. It skips the bottom line where it blends in it's nav bar. But when the navbar is not shown, the background image is not part of the entire screen space.

Can this be fixed? Here is a screenshot

Some red border

The red border should never be visible. Here is the css code, which in the meanwhile contains all sorts of modifications gathered from other posts

Here is a html sample page, I added many br-tags have some vertical space for scrolling

Any hint on how to get this handled on firefox for android would be great

0 投票
1 回答
21 浏览

firefox - 如何从 Android 上的 Firefox 访问路由器的 IP 地址?

进入

https://192.168.0.1/

在我最近更新的 Firefox 移动版 (Android) 的导航栏中,总是将我发送到默认搜索引擎。以前的情况很烦人(需要领先的http(s)://),但现在我真的不知道如何去一个仅限IP的网站。

0 投票
0 回答
41 浏览

android - 如何在 Firefox Android 上切换摄像头流

我创建了一个带有摄像头输入的 Web 应用程序。使用 html 5 工具,我设法在视频元素中显示来自移动设备摄像头的流。

使用 video.facingMode 我实现了用户和环境之间的切换。此解决方案适用于 Android Chrome 和 IOS Safari,但不适用于 Android Firefox。

我已经使用远程调试来获取捕获中抛出的错误消息:

错误:DOMException:启动视频输入失败

我发现这个问题可能是因为已经有一个活动的流在运行,所以我在切换到新的视频源之前实现了 track.stop() 函数,但没有成功。

这是我项目中的基本代码,以提供有关我所做工作的一些背景:

getStream 函数在页面呈现后运行,并在单击事件中运行以在面对模式之间切换。