Safari是Apple的网络浏览器，是macOS和iOS上的默认浏览器。
我正在开发一个单页应用程序，其中组件在 DOM 上不断生成和销毁。我正在使用带有 ARIA 标签的以下按钮，因此屏幕阅读器可以选择和读取它...
Safari 桌面和 Safari iOS 不支持哪些 Web 组件功能？
下面的大多数参考资料都提到 Safari 部分支持 Web 组件。 具体来说，Safari 桌面版和 Safari iOS 不支持哪些 Web 组件功能？ 是否有技术文档或
我对边界半径有疑问。我希望 border-radius 也适用于 Safari 浏览器。 这是它在 Chrome、IE 中的样子： 在 Chrome 和 IE 中 它在 Safari 最新版本中的外观： 在萨法...
使用变量的 CSS 动画在 Safari 或 iOS 中不起作用
我用 CSS 制作了一个动画。它在 Chrome 和 Firefox 上运行完美，但在 Safari 以及 Safari 和 Chrome 移动版上似乎存在 CSS 变量问题。我可以看到另一部分...
在阅读器视图中使用 Safari 或 Microsoft Edge 时，是否有伪类、媒体查询或其他方式让 CSS 应用不同的样式？ 我想明确隐藏某些 UI 元素，如果...
我正在制作一个 Vue 应用程序，在导航栏中我有一个徽标，当您单击它时，它会将您带到主页。 徽标是带有站点名称的 .svg，它有两行。让我们说网...
WebRTC Safari：没有发射就没有接收（更准确地说没有 ICE 候选回调）
下面的 JS fiddle 显示如果没有添加本地视频轨道，Safari 不想接收视频流。更准确地说，ICE 候选回调永远不会发生。 https://jsfiddl...
我在 www.firstavenuedesign.co.uk/demo/offers.aspx 上有这个奇怪的浮动问题，它似乎影响了 safari、iphone 和 firefox 中的所有子页面，所以这似乎是
是否有使用 react/javascript 在 safari 浏览器中使音量为 0% 的方法？
我正在构建一个 React 应用程序。它使用 React 和 daily.co 进行视频通话。有人可以建议我一种控制音量的方法，如果需要使用 JavaScript 和 REACT 使参与者静音，可以将音量设为 0%。 基...
How to make -webkit-backdrop-filter: blur() work on both Chrome and Safari
https://codepen.io/tretretef/pen/vYzxpXa 身体 { 边距：0px； 填充：0px； } 图片 { 位置：绝对； 宽度：100vw； 高度：100vh； 适合对象：覆盖； z-索引：1； } .模糊{ 宝...
我最近将服务器从 MediaTemple 移到了 Heroku，用于为创意机构预览横幅广告的应用程序。这可能是巧合，但在移动主机/域后，横幅没有加载...
使用渐变时，macOS Safari 15 中图标不显示的问题。 我在那里阅读了多个关于更改显示、将颜色从透明更改为 rgba、添加 bor...
现在浏览器支持有问题。 我让它在 Firefox 和 Chrome 上按预期工作，但是在 safari 上我遇到了图像问题。目前，图像是使用“object-fit: ...
使用 mix-blend-mode 和 overflow 时的不一致行为
我在 Safari 中遇到了一个奇怪的结果，似乎 CSS 属性 mix-blend-mode 似乎停止了 overlow:hidden of the parent (.numWrap) div 的工作。下面的例子是一个片段...
Mobile Safari (iOS)：<input type="file"> 始终生成新文件
对于每个上传的文件， 我创建了一个 MD5 哈希（在前端使用 crypto-js，在后端使用 md5_file 用于 te ...
在 safari 中拍照时不播放音频（Blazor 项目，使用 Javascript）
我正在 Blazor 中创建一个项目。 我使用 Javascript 在单击按钮时拍照，同时我需要播放快门声。我使用的代码如下 私有异步任务 CapturePhot...
我正在尝试让 Web Push API 与我的应用程序和 iOS 上的 Safari 一起使用。我可以在 Safari 中正常注册......但是，当我尝试将我的请求发送到端点时，我收到一个 403，原因是：BadJwtT......
我在一个网站上工作，该网站的主页部分在 Safari 和 Chrome 中显示不同。 在 Chrome 上，我可以看到代码在样式之前和之后使用伪元素，使用...
每当某个 元素选项菜单弹出时，我需要根据用户的操作更改其中的选项。焦点不起作用，因为它只适用于第一个 每当某个 <select> 元素选项菜单弹出时，我需要根据用户的操作更改其中的选项。 focus 不起作用，因为它仅适用于第一次点击，不适用于后续点击。 click 不起作用，因为它在单击选项时触发，这为时已晚，我需要在他们选择选项之前运行该事件。 mousedown 元素的<select> 事件不会在 Safari 中触发。我研究了 Safari 中的事件监听，似乎他们在做自己的事情，不支持规范所说的事件。我无法弄清楚如何知道事件侦听器何时可以与 Safari 一起工作。一个人得到一个与另一个浏览器一起工作的网站，然后必须跳过 Safari 的箍。 其他问题/答案的一些建议是： 添加cursor: pointer，这对我不起作用 使用onclick和onmousedown，对我也没有用。 这是一个例子，mousedown document.addEventListener('mousedown', (event) => { if (event.target.localName !== 'select') return console.log('select mousedown') }); <select onmousedown="console.log('select onmousedown')"> <option>Please select</option> <option value="1">foo</option> <option value="2">bar</option> </select> <div id="feedback"> </div> 如何获得 mousedown 或 onmousedown 与 safari 一起使用？
我们使用 iframe 在浏览器上加载 FBFrame，它在 Google Chrome 上加载，但在 safari 上它给出以下代码： 错误 拒绝显示'https://www.facebook.com/login/?next=https%3A%2F%2F...