Safari是Apple的网络浏览器，是macOS和iOS上的默认浏览器。
我们在长期存在的与 iOS Safari 触摸事件相关的代码库中遇到了一个新问题。正是在我们的教育游戏中，具有拖放式功能（拖卡...
当使用 iOS 应用程序中嵌入的 Safari 变体时（例如，当用户单击 FB Messenger 中的链接时），JavaScript recognize() 不起作用？
在我的网站上使用 iOS 版 Safari 的用户如果使用 Safari 手动导航到该网站，则不会遇到任何问题。 但是，如果有人向他们发送了一个链接并且他们点击了该链接，则伪浏览器
编辑/更新：2019 年 6 月 7 日 我确定这是 Safari 中的一个错误，因为 CSS 在所有其他浏览器中都可以完美运行。对于发现此内容的任何人，如果您正在创建一个滑动菜单（会滑落......
我在一个文本框旁边有 2 个按钮，在这 2 个按钮后面还有另一个文本框。第一个文本框的 tabindex 是 1000，第一个按钮是 1001，第二个按钮是 1002。第二个文本框 ...
所以我正在为客户开发一个移动网站，并添加了一个 css 加载动画，该动画在用户导航页面或 ajax 加载时触发。 动画在 Chrome 中运行良好，但在 IOS 中我...
首页加载时的悬念回退 SSR NextJs 14 在 Safari 上不起作用（在 Chrome 上有效）
拥有简单的页面，其中包含简单的子组件，例如： 从“react”导入{Suspense}； 异步函数 BlogPosts() { 让 res =等待 fetch("https://httpbin.org/delay/5&qu...
内联 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 删除 中的 ，或者将其全部删除。
好吧，我想做的是当用户单击列表项时向下滑动 div。 问题是我正在使用 Selectric https://github.com/lcdsantos/jQuery-Selectric 它将选择框转换为 unord...
iPhone/iPad。如何通过 Safari 中的链接启动应用程序？
我有一个应用程序，我希望在点击或在 iPad 或 iPhone 上运行的 Safari 中的网页上单击参数化 URL 时显式启动该应用程序。 有人可以勾勒出该方法吗...
我完全不知道为什么这么简单的事情在 IOS 中会出现这么多问题。 我有一个简单的视频元素。 我完全不知道为什么这么简单的事情在 IOS 中会出现这么多问题。 我有一个简单的视频元素。 <video src='/assets/videos/Our-Story.mp4' className='ourstory-video' autoPlay muted playsInline loop> </video> 在某些 IOS 设备中这可以正常工作。 但在其他（包括一些较新的型号）中，视频会弹出并自动全屏播放。这绝对不是我想要发生的事情。 经过研究，我添加了 playsInline 和 muted 标签。并保留标签驼峰式大小写，因为它是一个 React 应用程序。 简单地说，当页面加载时，我只需要视频在容器内播放，而不是全屏弹出。 任何帮助我走向正确方向的帮助将不胜感激。 我建议你尝试这两件事 首先：添加“控件”属性 这将显示默认视频控件，允许用户单独播放或暂停视频，这可能会阻止全屏自动播放。 我推荐的第二件事是设置 “webkit-playsinline” 属性 <video src='/assets/videos/Our-Story.mp4' className='ourstory-video' autoPlay muted playsinline loop controls webkit-playsinline> </video> 顺便说一句，据我所知，在反应中你应该使用小写字母而不是驼峰式字母大小写 确保在视频组件中添加以下属性。自动播放、控制、播放内联、静音、循环
任何人都可以向我解释一下这是否是一个错误或者我应该向 Safari 团队报告什么 在除 Safari 之外的任何浏览器中，我都能得到正确的渲染： https://play.tailwindcss.com/uzqrEtPtKX 任何人都可以向我解释这是否是一个错误或者我应该向 Safari 团队报告什么 在除 Safari 之外的任何浏览器中，我都能得到正确的渲染： https://play.tailwindcss.com/uzqrEtPtKX <div class="flex min-h-screen flex-col flex-wrap"> <div class="grid gap-5 grid-cols-2"> <div>Hello</div> <div>Hello</div> <div>World</div> <div>World</div> </div> </div> 但是在 Safari 中，对象沿着页面分布，我不明白为什么。 此问题的常见解决方法是使用 height 而不是 min-height。然而，这可能并不适合所有情况，因为它设置了固定的高度。 另一个解决方法是在 Flex 容器周围添加一个额外的包装器，并将该包装器设置为全高块。 <div class="h-screen"> <div class="flex flex-col flex-wrap"> <div class="grid gap-5 grid-cols-2"> <div>Hello</div> <div>Hello</div> <div>World</div> <div>World</div> </div> </div> </div> 在此代码中，具有 div 类的外部 h-screen 设置固定高度 100vh，并且具有 div 类的内部 flex 现在可以在 Safari 中按预期运行。
无法在iOS/Safari中使用ionic2/angular2正确显示日期时间
嗨，我在这里面临一个奇怪的问题，我正在获取动态数据，因为我还获取了日期和时间，并且我使用 chrome/android 中的日期管道在 html 中显示它，它运行良好，但是当我检查时...
iFrame 嵌入（用于 Youtube 视频）未出现在 Safari 中
我的 Youtube 嵌入内容出现在 Chrome 和 Firefox 中，但不会出现在 Safari（包括 iPhone 上的移动 Safari）中。我使用 Vimeo 或原生 HTML5 视频得到相同的结果 - 没有任何迹象......
我有一个关于 iOS Safari 如何处理数据列表的问题。 以下代码在所有桌面浏览器上都能正常工作。 ... 我有一个关于 iOS Safari 如何处理数据列表的问题。 以下代码在所有桌面浏览器上都可以正常工作。 <!DOCTYPE html> <html> <body> <form action=""> <label>Favorite fruit: </label> <input list="fruits" id="fruitsInput" autocomplete='off' autocorrect='off' spellcheck='off'/> <datalist id="fruits"> <option value="Apple">Apple</option>/> <option value="Peaches">Peaches</option>/> <option value="Pear">Pear</option> /> <option value="Apricot">Apricot</option> /> <option value="Banana">Banana</option> /> </datalist> <button onclick="datalistcall()" type="button"> Click Here </button> </form> <p id="output"></p> <script type="text/javascript"> function datalistcall() { var o1 = document.getElementById("fruitsInput").value; document.getElementById("output").innerHTML = "You select " + o1 + " option"; } </script> </body> </html> 它显示一个可以通过数据列表菜单填充的文本字段。单击按钮时，将显示所选项目。 在 iOS Safari 上，输入字段显示有一个小箭头来显示菜单，它也工作正常。 但数据列表当然也用于开始输入，浏览器通常会调整菜单相应的项目。 在 iOS Safari 上，不显示菜单，而是将相关项目显示在键盘上方的一行上（参见图 1）。 然后您可以选择一个项目，然后……什么也没有发生！项目列表消失（参见图 2），输入字段中没有任何变化，也没有触发任何事件。 我是否遗漏了什么或者数据列表在 iOS safari 上无法使用？ ios更新17.4.1后也有同样的问题。在 Chrome 和 Safari 上。 在以前的版本上它工作得很好。并且仍然没有如何修复它的信息（
Instagram 在较新的 iphone 版本的 useragent 中不可见
我有一个假设，Instagram、Facebook 和 TikTok 等应用内浏览器在较新版本的 Iphone 或 Safari 的用户代理中不可见。有谁知道如果...
我制作了一个简单的 HTML 索引页面，我的 CSS 用于主要部分。 但我制作了页脚部分，HTML 正在显示，但我的 CSS 在 safari 上根本无法加载。当我检查检查员时，我没有看到...
我正在开发一个 Discord 教程网站 (http://elix.sap.md/elix/forgive)， 我有一个外部 CSS 文件。在 Chrome 中一切正常现在当我在 Safari 上尝试时，CSS 设置是 g...
我有一个带有用户图标和电子邮件的 HTML 块，文本颜色是渐变的。问题是当我将屏幕缩小到最小尺寸时，省略号在 Safari 中不显示，尽管它可以工作......
只读字段似乎不适用于 iOS。这就是我所拥有的： @Html.EditorFor(model => model.DateOfBirth, new { htmlAttributes = new { @readonly = "true" } }) 本质上，这得到翻译...
我目前正在制作一个简单的网站，我想嵌入从这里的一些 api 获得的不和谐丰富的存在 svg。我使用 标签将其嵌入到页面中。现在，我正在尝试实施