cost 230 ms
在 android 的 chrome 中的视频元素上时下拉导航栏不可点击 - Dropdown navbar unclickable when over video element in chrome for android

我有一个带有position: sticky的下拉导航栏,我有一个视频元素。 在横向模式下向下滚动时,导航栏应该覆盖视频,并且确实如此,但默认播放按钮仍显示在导航栏上,无论如何,当导航栏链接出现在视频元素上时,它们是不可点击的。 它在其他浏览器上运行良好。 我发现了一些使用z-index可能会有所帮 ...

object-fit:涵盖根据 Mozilla 和 caniuse 的兼容性差异 - object-fit: cover compatibility differences according to Mozilla and caniuse

我想知道哪些浏览器支持 CSS 属性object-fit: cover 。 我通常混合使用Mozilla 浏览器兼容性表和caniuse ,但是,它们提供的信息略有不同。 例如,在 Mozilla 上,支持 Android 版本 31 的 Chrome,但是,caniuse 声明至少支持版本 84。 ...

不在视野中时如何保持 HTML5 视频渲染? - How to keep an HTML5 video rendering when out of view?

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

Android Chrome 中深色模式的主题颜色 - Theme Color for Dark Mode in Android Chrome

在 HTML 中,您可以像这样定义主题颜色: 在 Android Chrome 等移动浏览器上,这将更改地址栏的颜色。 但是当使用暗模式时,这个值会被忽略(在撰写本文时)。 为此比较以下两个图像,第一个具有(默认)亮模式,第二个具有暗模式。 有没有办法为暗模式定义主题颜色? 理想情况下有 ...

文本输入在Android版Chrome上的奇怪行为 - Text inputs' strange behavior on Chrome for Android

我正在开发一个小型应用程序,它由一组文本输入组成,每个应用程序只能容纳一个字符,并且所有输入的行为应相似。 因此,当输入填充有字符时,下一个输入应突出显示,其行为类似于输入的插入符号。 以相同的方式,当您清空输入时,其行为应类似于删除普通字符,并且应突出显示先前的输入。 您可以在这里看 ...

透明的 webm 视频在 Android 9.0 上的 Android 68 版 Chrome 上显示纯色背景 - Transparent webm video displays solid background color on Chrome for Android 68 on android 9.0

我有一个带有透明背景的 webm 视频的简单页面。 它在桌面上运行良好。 它也适用于运行 Android 9.0 的 Android 手机上的 Android 66 版 Chrome。 但是在升级到 Android 68 版 Chrome 后,视频显示纯色背景。 我检查了控制台,没有发现错误或警告。 ...

固定在Chrome移动设备上的位置会在滚动时导致问题 - Position fixed on Chrome mobile causing issues when scrolling

我过去一小时一直在研究这个问题并且看到了类似的问题,但我不确定它们是否是同一个问题。 可能有点相关,不知何故,但没有一个答案帮助我解决了我的问题。 请使用以下代码: 这很难调试,因为我似乎无法一致地重现问题。 我一直在上下滚动 - 在Chrome for Android上显示和 ...

阻止Android关闭在后台播放音频的Progressive Web App - Prevent Android from closing a Progressive Web App playing audio in the background

我写了一个渐进的网络应用程序,它使用Web Audio API播放音乐。 常见的用户旅程是开始播放音乐,然后在仍然听音乐的同时更改为其他应用。 这工作正常一段时间,直到android决定它需要更多的资源用于其他应用程序并关闭我的PWA没有警告。 有没有办法提示浏览器和操作系统,尽管不在 ...

适用于 Chrome 或 Firefox 的 Kiosk 模式 - Kiosk mode for Chrome or Firefox

我需要为许多 Android 设备编写一个信息亭启动器。 它应该启动 Chrome 或 Firefox,全屏显示特定网页。 该页面已经调用了HTML5 requestFullScreen() API ,但它不起作用,因为该调用不是来自用户生成的事件,因此出于安全原因被浏览器拒绝。 我做了一些搜索, ...

包含页面的动态列表…但仅适用于Android版Chrome - Dynamic list covering the page… but only in Chrome for Android

我在此页面上有一个动态创建的<ul>列表: http : //www.roadtripradar.com (要查看列表,您需要输入路线,添加一些选项,然后单击“搜索”;创建的列表位于地图下的“所有地点”按钮下) 我遇到的问题是,一旦您开始滚动<ul> ,它就会 ...

为Wordpress页面设置Android主题颜色 - Setting Android Theme Color for Wordpress Page

我正在建立一个wordpress主题,并希望使用theme-color meta标签为Android版chrome中的网站设置工具栏颜色。 不管我将主题颜色设置为什么,它总是变成黑色。 例如: 这不是我网站上最重要的设计元素,但我希望能够在可能的情况下使用它。 有任何想法吗? ...

如何在Android版Chrome上使用getUserMedia和Web Audio API录制音频? - How to record audio using getUserMedia and Web Audio API on Chrome for Android?

我正在调试使用FlashWavRecorder或AudioRecorder录制音频,然后播放的应用程序。 问题在于该应用程序可以在台式机Chrome上正常运行,但无法在Android版Chrome上记录或播放(不确定哪个)。 这是Android的标头: 请求标题 响应标题 ...

在移动设备上的缩放浏览器窗口上固定位置 div - Fixed position div on zoomed browser window on mobile

在桌面浏览器中缩放 HTML 页面时,固定位置 div 将像页面的其余部分一样缩放并保持其相对于视口的位置固定。 这曾经在 Chrome 移动浏览器上也是如此(它在版本 39 中仍然如此),但在 Chrome for mobile 40 上它开始表现得与 Safari for mobile 类似,并 ...

在 Android 设备上使用 window.print() 或替代方法 - Using window.print() or alternative on Android devices

在 Android 设备上(我已经测试了 Nexus 5、Nexus 10、Galaxy S4 和 Galaxy Tab 3),JavaScript 中的window.print()命令不起作用。 据我所知,它甚至没有注册错误。 我知道一个事实,即使不是全部,这些浏览器中的大多数也可以打印,因为您 ...

仅在适用于Android的Chrome中渲染幻影元素-在Inspect中消失 - Phantom element being rendered in Chrome for Android only--disappears upon Inspect

把头发拉出来,我很感激我能得到的任何帮助。 使用Android版Chrome浏览器访问此网站: http : //summit2014.cochranesupply.com/ 根据我的经验,这个问题是Android版Chrome所独有的,我认为这可能是一个错误,但我需要解决方法。 ...

如何确定有助于重现Android Web浏览器Web渲染错误的因素? - How to identify factors that will help reproduce web rendering bugs for android web browsers?

最近,我一直在处理许多Web渲染错误的故障单,这些故障单仅在一部分Android设备(甚至单个Android设备)上可见。 重现此类错误似乎真的很困难-有时我发现我根本做不到,更糟糕的是,有时我可以在某些设备上执行,但不能在其他设备上执行,我也不知道为什么。 例如:QA最近报告了一张票证 ...

在Chrome Mobile中使用不可见的视频标记在html5画布上绘制视频帧 - Drawing video frame on html5 canvas in Chrome Mobile with invisible video tag

我在Android上的HTML5视频和画布(Android版Chrome)上遇到问题。 我将视频从帧绘制到画布(使用CanvasRenderingContext2D.drawImage())。 它在台式机浏览器中工作正常,但在Android版Chrome浏览器中无法正常运行。 在适用于An ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM