Apple的Safari网络浏览器的移动版本。
我有一个 React 应用程序，页面上有一个视频播放器。播放器是用 html 标签制作的。播放器下方有一个下载视频按钮，上面有一个 onClick 处理程序。单击此功能
我正在编写一个使用事件 webkitTransitionEnd 的网络应用程序（适用于 iPad）。 我想在第二次转换结束时回调一个函数。之所以有两个转换是因为...
我一直在尝试使用网络音频 API 录制和播放来自服务器的音频响应。但是当麦克风正在使用或什至以编程方式停止时，播放音量非常低。好像是
仅在 Mobile Safari 中不一致的 10ms setTimeout
我有一个网络应用程序使用 10ms，重复 setTimeout 作为主时钟。 这似乎适用于除移动版 Safari 之外的所有浏览器。桌面野生动物园很好。 setTimeout 在 web worker 中，但是
Safari iOS 上的文件系统访问 API - createSyncAccessHandle() UnknownError: 'invalid platform file handle'
我目前正在重构一个应用程序以使用 OPFS 在 iPad 上保存图像，用于用户需要在没有 wi-fi 的位置拍照但将所有图像存储在 iPad 上的用例...
A-Frame a-video 在 safari ios16.1 和 iphone 12 中不起作用？
我是A-Frame的新手。我尝试制作一个演示，我在场景中放了一段视频。它在我的电脑上工作，但在我的移动设备上有一个黑色的飞机。这是屏幕截图和代码。 在 Macos chrom 中运行演示...
iOS 10：在使用 -webkit-overflow-scrolling: touch 设置样式的 HTML 列表滚动期间不确定冻结
概述 这个问题是关于 滚动期间的不确定冻结 用 CSS 设计样式 -webkit-溢出滚动：触摸 在 iOS 的 Safari 浏览器上。 类似问题 我读过类似的 概览 这个问题是关于<ul />的滚动过程中的不确定冻结，这是 用 CSS 设计样式 -webkit-overflow-scrolling: touch 在 iOS 的 Safari 浏览器上 类似问题 我读过类似的问题或帖子 如果我使用 -webkit-overflow-scrolling，Div 滚动有时会冻结 iOS 9 `-webkit-overflow-scrolling:`touch 和 `overflow: scroll` 破坏了滚动能力 iPad 上的 Webkit 溢出滚动触摸 CSS 错误 http://patrickmuff.ch/blog/2014/10/01/how-we-fixed-the-webkit-overflow-scrolling-touch-bug-on-ios/ 等等。 但我看不出哪些解决方案可以解决我的问题。 本期的 HTML 和 CSS 我在最新型号的iPad上用index.html显示了下一个index.css。 index.html https://github.com/jun68ykt/wos-touch-sample/blob/master/index.html index.css https://github.com/jun68ykt/wos-touch-sample/blob/master/index.css 这些都很简单。上面的index.html只有一个列表<ul /> 其中包括 50 个项目，包含在 <div class="container"> . 本期复现情况 也许你可以按照下面的流程重现 滚动列表到达底部 确认侧边栏消失后，触摸并尝试进一步向下移动。 当然，列表不能滚动 接下来，改变移动手指的方向，尝试倒回顶部 但我发现特别是第一个手指指向顶部的笔画不起作用。 几秒钟后，我可以触摸并将列表移动到顶部。 为了更好地理解，我将电影发布到 YouTube 上，我在其中操作 iPad 以显示上面的 HTML。 -webkit-overflow-scrolling 示例：touch https://www.youtube.com/watch?v=MkAVYbO_joo 以上程序项目的问题点4查看于 关于这部电影的 TC0:08。 需要注意的是，上面电影中我的iPad是 iPad 9.7 英寸（最新型号） iOS 10.3.2 我在其中使用 Safari 浏览器。 想要的答案 你能帮我一个忙吗？下一个问题我需要一些帮助。 为什么会出现上面4.的情况？ 如何修复 HTML 或 CSS 让列表滚动更顺畅？ 示例程序 可以从 GitHub 下载上面电影中显示的示例程序。 以下 URL 是它的回购协议。 https://github.com/jun68ykt/wos-touch-sample 此示例需要 Node.js 来运行服务器。 致以诚挚的问候。 可以绕过这个问题的方法是使用身体的滚动。但这是针对特定场景的。 有点hackish，但是当列表滚动到顶部或底部时，您可以通过触发一个像素滚动来绕过滚动锁定。 这是一个简单的例子： PS 你可以使用 overscroll-behavior 来解决这个问题，但这需要 iOS 16 const list = document.querySelector('.list'); list.addEventListener('scroll', onePxHack, { passive: false }) function onePxHack(e) { const { currentTarget: list } = e const atTop = list.scrollTop === 0; const atBot = list.scrollHeight - list.scrollTop === list.offsetHeight; if (atTop || atBot) { list.scrollTop += atTop ? 1 : -1; e.preventDefault(); } } .container { background-color: #DDD; width: 300px; height: 500px; position: fixed; top: 0; left: 0; margin-top: 50px; margin-left: 50px; } .list { height: 500px; overflow: auto; -webkit-overflow-scrolling: touch; font-size: 24pt; padding: 0; margin: 0; } .list>li { list-style-type: none; } <div class="container"> <ul class="list"> <li>001</li> <li>002</li> <li>003</li> <li>004</li> <li>005</li> <li>006</li> <li>007</li> <li>008</li> <li>009</li> <li>010</li> <li>011</li> <li>012</li> <li>013</li> <li>014</li> <li>015</li> <li>016</li> <li>017</li> <li>018</li> <li>019</li> <li>020</li> <li>021</li> <li>022</li> <li>023</li> <li>024</li> <li>025</li> <li>026</li> <li>027</li> <li>028</li> <li>029</li> <li>030</li> <li>031</li> <li>032</li> <li>033</li> <li>034</li> <li>035</li> <li>036</li> <li>037</li> <li>038</li> <li>039</li> <li>040</li> <li>041</li> <li>042</li> <li>043</li> <li>044</li> <li>045</li> <li>046</li> <li>047</li> <li>048</li> <li>049</li> <li>050</li> </ul> </div> 在你的CSS中 overflow: hidden; 或 overflow: scroll; 你可以为不同的显示使用 css @media 规则 对不同的显示使用@media 规则。 例子：- @media screen and (min-width: 900px) { article { padding: 1rem 3rem; } } @supports (display: flex) { @media screen and (min-width: 900px) { article { display: flex; } } }
我尝试使用 WebShare API 在 iOS 和 Android 中共享图像。在 Android 中，我的代码运行完美，但在 iOS 中，在 WhatsApp 等某些应用程序中不共享图像，它仅共享 URL。我...
html5 网站配置是一个独立的桌面，重定向到子域移动网站，站点地图显示了这一点，并且在根目录中也有一个移动站点地图。手机网站没有...
我在解决我现在面临的问题时处于死胡同。我不知道这是不是一个错误，但这个问题只出现在 iPhone Safari 浏览器中。 这是屏幕截图：Iphone 12 （https://i.
在 Safari 浏览器中从滚动开始滚动到结束时使用滚动时，我遇到了一些问题。 单击显示悬停效果时的最终按钮我必须单击第二次才能单击该按钮...
我正在使用 HTML、CSS 和 Javascript 开发应用程序。 问题是我看到我的应用程序中每个文本下面的小空间，如边距，只出现在手机浏览器或......
iOS Safari 16 已允许地理定位，但导航器权限仍显示“提示”
我正在使用地理定位来检测位置... 如果（导航器中的“权限”）{ navigator.permissions.query({ name:'geolocation' }).then((result) => { if (result.state === 'gra...
iPhone iOS WKWebView 中的 MediaSource？
我在 Ionic 应用程序中使用 MediaSource sourcebuffer： this.mediaSource = new MediaSource(); this.mediaSource.addEventListener('sourceopen', (_) => { this.sourceBuffer = this.mediaSource.
我在 iOS Safari 和 iOS 设备上遇到 jQuery each() 和 find() 方法的问题。 squareTextWidth 在 iOS 中不返回任何内容，而在 PC 上它返回正确的 offsetWidth 值。在...
是否有 CSS 或其他原因导致 Safari/iPhone 忽略某些字体大小设置？在我的特定网站上，iPhone 上的 Safari 渲染了一些字体大小：13px 文本大于字体大小：15px 文本...
存在多线程支持时，为什么 TensorFlow.js wasm 后端无法初始化？
iOS Safari 16.4 在 WASM_HAS_MULTITHREAD_SUPPORT: true 时无法初始化 wasm 后端。 它适用于桌面版 Safari，也适用于带有 SIMD 的 iOS Safari。也就是说，当 WASM_HAS_SIMD_SU ...
iOS/iPadOS版本的safari支持service worker push api标准吗？
Safari 从 .AVIF 回退到 .GIF 使用 <picture> 标签不起作用
说明： 我试图在 Chrome 和更新的浏览器上显示 .AVIF 图像，同时在 Safari 等不正确支持 .AVIF 图像的浏览器上显示 .GIF 图像。然而，在 Safari 上，....
当有人在 Instagram 或 TikTok 等应用程序上单击指向我网站的链接时，该链接会在应用程序浏览器内打开。当他们点击另一个网站的链接时，它也会在应用内浏览器中打开，...