mobile-safari 相关问题

Apple的Safari网络浏览器的移动版本。

当使用 iOS 应用程序中嵌入的 Safari 变体时（例如，当用户单击 FB Messenger 中的链接时），JavaScript recognize() 不起作用？

在我的网站上使用 iOS 版 Safari 的用户如果使用 Safari 手动导航到该网站，则不会遇到任何问题。但是，如果有人向他们发送了一个链接并且他们点击了该链接，则伪浏览器

javascript ios safari mobile-safari wkwebview

回答 1 投票 0

如何在 iPhone 网页上创建“添加到日历”链接

许多日历程序（Outlook、iCal）都支持 vCal，用于下载事件信息并将其添加到您的日历中。其他人可以使用 vCalendar 微格式来提取数据。这些都不是，

iphone mobile-safari vcalendar vcal

回答 5 投票 0

在 Safari iOS 上处理通知点击事件

我终于让网络推送通知可以在所有平台上运行。但苹果总是需要让事情变得比应有的更复杂，并且不支持通知上的点击事件（请参阅链接

javascript typescript push-notification progressive-web-apps mobile-safari

回答 1 投票 0

内联 SVG 在 Safari 和 Mobile Safari 中中断

我最近推出了一个使用了一些内联 SVG 的网站。我最近推出了一个使用了一些内联 SVG 的网站。 <svg class="divider-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 55.221 58.079" enable-background="new 0 0 55.221 58.079" xml:space="preserve" preserveAspectRatio="xMidYMid meet"> <path d="[...]"/> </svg> Chrome 和 Firefox 中一切都很完美，但当我在 iPhone 或桌面版 Safari 中测试时，布局完全被破坏，许多 SVG 都丢失了。我通过 W3C 验证器运行了源代码，一切都找到了。我经常使用 SVG，所以这很令人困惑...... 事实证明，如果省略 height 和 width 属性，Safari 和 Mobile Safari 就会崩溃。我使用 CSS 设置尺寸，这在其他浏览器中运行良好。但我必须重新添加这些属性以使其行为一致： <svg class="divider-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="55.221px" height="58.079px" viewBox="0 0 55.221 58.079" enable-background="new 0 0 55.221 58.079" xml:space="preserve" preserveAspectRatio="xMidYMid meet"> <path d="[...]"/> </svg> 注意上面缺少的 width 和 height 属性。此外，有趣的是，preserveAspectRatio 的值很重要。我还有其他几个具有 preserveAspectRatio="none meet" 的内联 SVG 元素，它们不受此问题的影响。另一个场景/修复方法是，如果您通过 CSS 缩放 SVG，以确保同时声明了 max-width 和 max-height。 .whatever svg { vertical-align: middle; max-height: 1rem; max-width: 1rem; } 我也遇到了这个问题，其中只有许多重复的 SVG 中的第一个会显示在列表显示中。这是因为 SVG 在元素中有一个带有 ID 的 ClipPath。解决方案是为除第一个之外的每个 SVG 删除中的，或者将其全部删除。

css svg safari cross-browser mobile-safari

回答 3 投票 0

如何在使用transform:scale时填充屏幕，而不是在屏幕上居中并周围有空白？

我想使用以下代码将页面缩放到65％，但它在iOS版Safari上不起作用：身体 { 变焦：0.65； } 所以我使用这个代码：身体 { -webkit-transform：缩放...

css ios zooming mobile-safari css-transforms

回答 1 投票 0

使用transform:scale时如何填充屏幕？

我想使用以下代码将页面缩放到65％，但它在iOS版Safari上不起作用：身体 { 变焦：0.65； } 所以我使用这个代码：身体 { -webkit-transform：缩放...

css ios zooming mobile-safari css-transforms

回答 1 投票 0

Next js 网站一旦我离开 iphone 中的 safari，音频就会停止播放，即使 safari 在后台运行

我的问题是我的网站的音频没有在 iPhone 和 ios 的后台运行，但我已经看到所有其他网站在主屏幕中获取小部件，并且即使我离开 safa 也在后台运行...