Safari是Apple的网络浏览器，是macOS和iOS上的默认浏览器。
iOS Service Worker 处理请求的方式与 Chrome/FF 不同吗？
我正在向现有 Web 应用程序添加渐进式 Web 应用程序功能，并遇到了一个奇怪的边缘情况。在这个场景中，我实现了一些非常标准的 API 端点缓存...
Safari 浏览器（我在 Windows 下测试）似乎在显示 Svg Image 元素时出现问题。 我的第一个SVG Safari 浏览器（我在 Windows 下测试）似乎在显示 Svg 图像元素时出现问题。 <!DOCTYPE html> <html> <body> <h1>My first SVG</h1> <img src="image.svg" /> </body> </html> 这是 image.svg 的内容： <?xml version="1.0" encoding="UTF-8" standalone="no"?> <!-- Created with Inkscape (http://www.inkscape.org/) --> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <rect x="50" y="50" width="100" height="100" style="fill:blue"></rect> <rect id="foo" x="50" y="150" width="500" height="500" style="fill:green"></rect> <image x="50" y="10" width="200" height="200" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="></image> </svg> 是否有任何解决方案或解决方法可以使其在 Safari 中正常工作？ 在 svg 元素内的 <image> 标签中，href 在 Chrome 中工作正常。要在旧版本的 Safari 中工作，您需要 xlink:href。 （也适用于 <use> 标签。）请记住，xlink:href 已弃用，并将被 href 取代。不过，直到 Safari 12 才支持。 https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/href <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" ...> <image href="data..." xlink:href="data..."> </svg> 我认为这里有两个问题： 你还没有说你的SVG图像有多大。通常，您至少应该在 viewBox 标签中包含 <svg> 属性。例如： <svg width="250" height="250" viewBox="0 0 250 250" ... > 另一个问题是 Safari 在渲染 SVG 方面并不是特别出色。但是，当您使用 <iframe> 或 <object> 标签嵌入它们而不是使用 <img> 时，效果往往会更好。例如： <object data="image.svg" type="image/svg+xml"></object> 此外，请确保您的服务器正在提供具有正确 MIME 类型的 SVG 内容 (Content-Type: image/svg+xml)，因为这也可能会导致问题。 所以尝试一下： HTML 来源： <!DOCTYPE html> <html> <body> <h1>My first SVG</h1> <object data="image.svg" type="image/svg+xml"></object> </body> </html> 图像.svg： <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="250" height="250" viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <rect x="50" y="50" width="100" height="100" style="fill:blue"></rect> <rect id="foo" x="50" y="150" width="500" height="500" style="fill:green"></rect> <image x="50" y="10" width="200" height="200" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="></image> </svg> 请务必为您的 <svg> 标签提供高度、宽度和视图框，如下所示。由于某种原因，Safari 不喜欢将高度或宽度设置为 auto。 ⤵︎ <svg height="16px" width="16px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M60......"></path></svg> 在大部分时间使用 Chrome 后，当我在 Safari 中检查我正在开发的应用程序时，我刚刚发现了同样的问题。我写了这段 TypeScript/jQuery 代码（很容易变成纯 JavaScript）来解决这个问题： export function setSvgHref(elem: JQuery, href: string) { elem.attr('href', href); if (isSafari()) { elem.each(function() { this.setAttributeNS('http://www.w3.org/1999/xlink', 'href', href); }); } } 就我而言，问题与 <mask> 中的 svg 标签有关。 我删除了 svg 组件中的以下行，它开始在 Safari 上运行。 <mask id="y9iogdw0wd" fill="#fff"> <use xlink:href="#jz8vxv0q6c"/> </mask> 我保存为 .svg 文件的文字标记（我用作徽标的文本）出现问题。它在我的页面上带有 <img src="...svg">，但在 Safari 中没有正确显示（截至 2020 年 7 月的当前版本）。 SVG 在 FireFox、Chrome 和 Brave 上运行良好。 我在 Inkscape 中创建了 SVG。我选择了整个对象，然后使用“路径”->“对象到路径...”并保存了结果文件。 这在所有四种浏览器中都能正确呈现。 （我在这里写下这篇文章是为了防止我再次遇到这个问题：它会告诉我我做了什么来解决它。） 对于现代 Safari 15.6.1（桌面版），只要 height 和 width 被 BOTH 定义为 auto（默认）以外的其他内容，它就会在没有任何属性的情况下进行渲染。 <svg height="48" width="48">...</svg> 但是，为了确保它正确缩放并可以通过 CSS 调整大小，最好使用 viewBox 比例并让 CSS 做它最擅长的事情（是的，由于 Safari，您仍然需要定义宽度和宽度高度）： <svg viewBox="0 0 48 48">...</svg> svg { width: 96px; height: 96px; } 我的 svg 元素仅在 Safari 浏览器上出现问题 Version 16.4 (18615.1.26.11.23) 我设法通过删除 clipPath 元素的 <g> 属性来解决问题，如下所示： 之前 <svg width="24" height="25" viewBox="0 0 24 25" fill="none"> <g clipPath="url(#clip0_1616_17127)"> 之后 <svg width="24" height="25" viewBox="0 0 24 25" fill="none"> <g>
WakeLock API 无法在 Safari (iOS) 中工作，但可以在 Windows/android 平台上使用相同的代码工作
我想启用唤醒锁API。它可以在 Windows 平台和 Android 设备上正常运行，但不能在 Safari 或 iOS 设备上运行。 控制台出现错误 NotAllowed，Safari 浏览器中的权限被拒绝。 我
我们正在从服务器播放视频。 我们附加一个“ontimeupdate”事件，该事件在视频播放时定期触发。 对于慢速连接，我们可以比较视频当前的位置，以及它的位置
我制作了一个网格模板，其中包含 1fr 1fr 1fr 行。 中间行有一个内联图像列表。 在 Chrome 和 Firefox 中，图像尊重网格行的高度并适当调整。
为什么 safari 在每次页面加载时都会请求使用麦克风的许可？
我正在使用 Flutter for Mac 使用 React Web 视图，它使用用户的麦克风。 React 应用程序在 Safari 中打开。 但它会在每次页面加载时请求麦克风权限！ 有没有...
随着 Apple 在 Safari 5 中引入扩展支持，我想制作一个直接在浏览器中管理代理设置的扩展（例如 Firefox 的 AutoProxy 或 Chrome 的 Proxy Switchy）。 我浏览了一下...
我面临的问题是，我有一台受监督的 iPad，运行最新的 IOS，由 Intune 管理，并通过 Safari 运行单一应用程序信息亭模式。问题是：如果您在 Safari 中按共享选项...
在 Safari 中将 PDF 缩放至 iframe/对象的宽度
简短的问题是； “我可以 - 在 Safari 中 - 在 iPad 上（仅 - 不需要其他浏览器或设备） - 放大或缩小 PDF 文档以适应固定宽度的 iframe 或对象标签吗？” 还有长
我点击了电子邮件应用程序内的网络钓鱼链接，内部浏览器开始显示可疑的 URL，从一个重定向到另一个，所以我停止了它并返回。然后我打开 Safari 直接搜索 google
我想在页面顶部插入元素而不改变可见的滚动内容。 当达到页面的一定百分比时，在滚动期间添加元素。 上...
为了在 Mac 版 Safari 中启用缓存清除和硬重新加载，我在 Safari Web Inspector 上使用 Shift+Command+R 按钮。 但当我升级到 Safari 版本 14 后，Shift+Command+R 按钮
Safari 的“阅读器模式” - 开源解决方案？ [已关闭]
Safari 有一个“阅读器模式”，可以删除网站上除文本之外的所有内容。有谁知道提供相同功能的开源库？或者说，你也这么认为吗
macOS 在 Safari 中从 Dock Web 应用程序打开链接（默认浏览器，流畅行为）
在 macOS Sonoma Dock Web 应用程序出现之前，我是 Fluid (https://www.fluidapp.com) 的狂热用户。我将 Gmail 放置在独立的网络应用程序中，并且我可以右键单击网络应用程序中的链接并选择...
Vanila Javascript Es6 模块无法在 Windows 上的 Safari 浏览器上运行
我有一个小代码，可以在 Chrome、Opera、Edge 和 Firefox 上正常运行。但它不适用于 Safari。 我是 Windows 用户，所以我不太熟悉 Safari，以便找出问题所在。 我...
passport-facebook /callback 在 safari 中打开新选项卡而不是使用当前选项卡
我在nestjs应用程序中使用passport-faceebook，并在其中有一个带有/callback路由的控制器。 在我做了一些身份验证之后，我调用重定向到客户端主页。谷歌战略永远...
如何编写Apple脚本来自动检查Safari设置中的“允许未签名的扩展”？
我为自己编写了一个 Safari 扩展，但我不是苹果开发人员，所以每次我关闭 safari 时，它都会删除我的扩展，我必须进入设置以打开“允许取消...
我刚刚将 safari 升级到 9.0.3 版本，我在另一个城市的一位合作伙伴在 MacBook (OSX 10.9.5) 中使用响应式设计模式和 iOS 9.1 iPhone 用户代理在我的网站上重现了一个错误。 T...
有没有办法在 iOS 12 上为 Safari 设计带有较小圆点的密码输入样式？
出于某种原因，iOS 12 Safari 中输入的密码会显示大点。我希望它们看起来像在 Chrome 中一样。是否有已知的方法来使用 CSS 设置这些输入的样式？ 由于某种原因，iOS 12 Safari 中输入的密码会显示大点。我希望它们看起来像在 Chrome 中一样。是否有已知的方法来使用 CSS 设置这些输入的样式？ <input type="password" name="pass" /> 这是它在 iOS 12 Safari 中的样子： 这就是它在 Chrome 中的样子： 尝试将字体更改为“小标题” input[type=password] { font:small-caption;font-size:16px }
我有一个Web应用程序，然后我想检查iPad中运行的应用程序的CPU。 我使用 Xcode，但看不到任何与 Safari 相关的内容。 我使用了 Web Inspector（使用此指南：Mobile Safari Web