问题标签 [chrome-for-android]

当手机浏览器有一个打开的连接，并且用户锁定了屏幕，那么在某个时刻他们将不再有一个 WebSocket 连接。

发生这种情况时会触发哪些事件？是否调用了WebSocket.onerrororWebSocket.onclose处理程序，如果是，这是否会在屏幕锁定/应用程序暂停时发生，或者当应用程序再次恢复时发生？

（还有一个额外的问题：这是标准化的，还是浏览器的行为不同，如果是，如何？）

我正在开发一个包含一组文本输入的小型应用程序，每个输入只适合一个字符，所有输入一起应该表现得像一个。因此，当一个输入被一个字符填充时，下一个输入应该被突出显示，就像输入的插入符号一样。同样，当你清空一个输入时，它应该表现得像一个普通的字符删除，并且应该突出显示之前的输入。

你可以在这里看到我的工作：https ://codepen.io/Vitaozim/full/vqaRQY

样品在这里：

这是我的做法：

• 每当输入元素中的任何一个被聚焦时，它的整个内容都会被突出显示，以确保它接收到的任何输入都会改变它的整个值。

• 每当input在任何输入元素中触发事件时，都可能发生以下情况之一：

  • 如果输入的新值不为空，则聚焦下一个输入元素。如果它接收到一个超过 1 个字符的值，代码将修剪字符串并只留下最后一个字符。
  • 否则，该值会以编程方式更改为一个空格，并聚焦前一个输入元素。该值更改为一个空格，这样每当该输入再次聚焦时，就会有一些内容被突出显示然后删除，从而触发“退格”条件。

问题是，它在以下浏览器上完美运行：

• 适用于 Mac 和 iPhone 的 Chrome
• 适用于 Mac 和 iPhone 的 Safari
• 适用于 Mac、iPhone 和 Android 的 Firefox

但它在 Android 版 Chrome 上存在问题。我在许多不同的设备上对其进行了测试。“退格模拟”错误和输入值未在焦点上突出显示。

我做了一些测试，我注意到如果我在setTimeout100 毫秒后设置选择，它会起作用。就像我正在覆盖浏览器的默认行为......但这仍然是一个非常奇怪的行为，因为它只发生在“退格”模拟中。输入集中的任何其他情况都没有此错误。

我正在开发一个网络应用程序，当我在 Chrome for android 中加载它时，它会显示一些非常奇怪的文本重新缩放。现在，当我在例如 DuckDuckGo 隐私浏览器中加载同一页面时，一切正常。为什么会触发，我该如何预防？

图片

在 HTML 中，您可以像这样定义主题颜色：

在 Android Chrome 等移动浏览器上，这将改变地址栏的颜色。但是在使用暗模式时，这个值会被简单地忽略（在撰写本文时）。为此比较以下两个图像，第一个具有（默认）亮模式，第二个具有暗模式。

有没有办法为暗模式定义主题颜色？理想情况下有两种不同的颜色——一种用于浅色模式，一种用于深色模式？

我正在为安卓设备开发一个网络应用程序。

在我的 React 应用程序中播放视频时，我在 Chrome for Android 上遇到间歇性编解码器错误。我正在使用常规<video />标签。

第一次加载视频时不会发生错误，点击后退按钮然后导航回视频（客户端路由 - 无刷新）时会发生错误并且视频无法播放。以下是来自的主要日志adb logcat

mediaCodec: Codec reported err 0xffffec77, actionCode 0, while in state 3

MEDIA_ERROR_LOG_ENTRY {"error":"video decoder reinitialization failed"} chromium failed

android.media.MediaCodec$CodecException: Error 0xffffec77

所以我得到了编解码器错误。

奇怪的是，如果我继续点击播放按钮，它最终会起作用。

其他值得注意的细节是它在 firefox 上运行良好，我的计算机（firefox 和 chome）没有问题。它只发生在 chrome for android 上。

有什么想法吗？

在 Android 版 Chrome 上（以及桌面版 Chrome 上的设备模拟模式），当 a<video>滚动出视图时，浏览器似乎暂停渲染。但是我需要视频继续播放，因为我的代码不断从视频中抓取帧以绘制到<canvas>具有实时视频效果的视频上，即使源视频被滚动出视图，画布仍然可以向用户显示.

下面是一个显示问题的 MCVE。编写 MCVE 是为了简单地将视频复制到画布上，而不应用视频效果。

问题是，一旦视频元素滚动出视图，画布似乎就会冻结，因为它只是一遍又一遍地渲染相同的视频帧。

有没有办法让视频元素即使在屏幕外移动时也能保持播放，或者有另一种方法来解决这个问题？

我有一个简单的 PWA，它向 Android 用户发送网络推送通知。我希望打开 PWA（安装的应用程序或接收通知的任何浏览器），并按照本指南中概述的方法，我最终得到以下事件侦听器：

监听器被调用，通知确实关闭了，但网站一般没有打开：如果我从锁屏点击通知，屏幕会解锁，但在大多数情况下，它会继续简单地显示 Android 主屏幕而不是该应用程序（我还没有弄清楚导致不一致的原因）。这是在 Android 10 上的 Chrome 80.0.3987.149 上。

除了上述之外，我还应该做其他事情吗？

在网络推送通知中，可以指定一个“徽章”来自定义通知中徽标的外观，否则默认为铃铛（无论如何，在 Android 版 Chrome 中）。

我发现这通常工作得很好（在通过 Android 10 上的 Chrome 81.0.4044.117 “添加到主屏幕”的 PWA 中），但过了一段时间（在我的情况下，几周后每天一个通知），徽章即使自定义徽章仍然可用，也会自动恢复为警铃。

有什么办法可以避免这种行为？这只是 Chrome 中的一个错误吗？

我想知道哪些浏览器支持 CSS 属性object-fit: cover。我通常混合使用Mozilla 浏览器兼容性表和caniuse，但是，它们提供的信息略有不同。例如，在 Mozilla 上，支持 Chrome for Android 版本 31，但是，caniuse 声明至少支持版本 84。上述差异的正确/原因是什么？

我将如何测试object-fit: cover适用于 Android 版本 55 的 Chrome 的属性？使用类似的东西lambda不支持在移动设备上选择不同的浏览器（就像他们在桌面上所做的那样），并且将提供最新版本的浏览器。

从长远来看，未来我应该依靠哪一个？

我在移动版 Chrome 上遇到了一个奇怪的故障：我有一个使用滚动快照的网页，如果我向下滚动整个 chrome 浏览器会闪烁，包括地址栏！我不知道为什么。它可以在其他浏览器上完美运行，所以我认为这不是代码问题。这是我正在谈论的问题的 gif。故障 GIF