Safari是Apple的网络浏览器，是macOS和iOS上的默认浏览器。
如何使用 javascript 检测 Safari 13 上的防止跨站跟踪是否处于活动状态
我想使用 JavaScript 检测浏览器中的“防止跨站点跟踪”何时处于活动状态。 我的挑战是试图找到一种方法来检测这一点，并在出现这种情况时向用户显示警告弹出窗口
打开虚拟键盘时，iOS 上的 Safari 会滚动到 <html> 元素之外
尝试一下： 在 iOS（设备或模拟器）上的 Safari 12 中打开此 codepen。 集中输入。虚拟键盘应该打开。 现在一直滚动到页面底部。 你应该能够
我的第一个想法是我在叠加层中缺少“transform-style:preserve-3d”，但它似乎没有做任何事情。前端东西从来都不是我的强项，所以这个浏览器特别...
这个方法对我来说根本不起作用。 有没有更新的现代方法可以做到这一点？ 我的客户总是讨厌它，而且我还没有找到禁用它的好方法。 我所说的弹性滚动是指一次...
CSS 滤镜阴影在 Safari 浏览器中悬停时看起来不同，如何解决？
我用滤镜阴影设置了悬停按钮的样式，如下所示： -webkit-filter: drop-shadow(0 0 0px rgba(0, 0, 0, 0)); 过渡：变换 0.6 秒缓入输出，过滤 0.8 秒缓入输出； 变换：翻译...
在 Safari Mac/Iphone 中单击浏览器后退按钮时 Next.js 页面崩溃
在某些版本的 IOS 中，上下文对象未定义，当在网络选项卡中检查时，浏览器磁盘缓存中缓存的 .json 文件在单击返回时会抛出“403”错误，但是...
我在 Safari 浏览器上播放音频时遇到问题。音频在 Chrome/Firefox/Edge 上完美播放。但是当我在 Safari 上播放音频时，我总是收到 MediaError Code 4。下面是...
javascript 文件输入 onchange 不起作用 [仅限 ios safari]
下面的代码适用于除 Safari 移动设备之外的任何地方。 显然 onchange 永远不会被触发。 // 创建隐藏文件输入元素 var input = document.createElement("input"); ...
从 chrome 录制时，音频录制不会在 safari 中播放
问题是当我从 Safari 中录制音频时，它在 Safari 中播放得很好，而当在 chrome 中录制音频时，它在 chrome 中播放得很好 但是当我在 chrome 中录制音频并 pl...
即使设置 SameSite=None，Safari 也不发送 cookie；安全
我们的应用程序使用cookie来记住用户登录。我们进行的每次身份验证 API 调用，浏览器都会将服务器设置的 HTTPonly cookie 附加到 API 请求并获得身份验证。这种行为似乎...
当我使用溢出、边框半径和过渡的组合时，我遇到了一个奇怪的错误。我有一个 div，里面有一个 img： 当我组合使用 overflow、border-radius 和 transition 时，我遇到了一个奇怪的错误。我有一个 div，里面有一个 img： <a href="#" class="block size1 annualreport nonprofit"> <div class="inner_block"> <img src="http://i.imgur.com/8uuZB.jpg" /> </div> </a> div有一个border-radius，溢出设置为隐藏： body {background-color:#78735e;} .block { position: absolute; left: 0px; top: 0px; border-radius: 10px; margin: 6px; box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.2); overflow:hidden; } .size1 { width: 226px; height: 464px; min-width: 160px; max-width: 226px; } .inner_block { overflow: hidden; border-radius: 10px; } .block img { width: 100%; height: 100%; transition: all 0.1s; } .block img:hover { width:115%; height:115%; } 当我将鼠标悬停在 img 上时，会发生一个过渡，使图像变大以创建缩放效果。问题是 overflow 似乎在图像的左下角和右下角断裂了。 我创建了一个 JSFiddle 供您查看我在说什么。 http://jsfiddle.net/dmcgrew/HuMrC/1/ 它在 Firefox 中运行良好，但在 Chrome 和 Safari 中会出现问题。 有人知道可能是什么原因造成的或如何解决它吗？ 我也遇到了同样的问题。将其添加到父容器中为我解决了这个问题。 .transitionfix { backface-visibility: hidden; transform: translate3d(0, 0, 0); } -- 简单的解决方案 -- 在具有动画过渡的同一元素上，只需添加： .animated-item { will-change: transform; /* New line to add to your existing CSS */ } will-change CSS 属性向浏览器提示元素将如何更改。浏览器可能会在元素实际更改之前设置优化。这些类型的优化可以通过在实际需要之前完成可能昂贵的工作来提高页面的响应能力。 ~ https://developer.mozilla.org/en-US/docs/Web/CSS/will-change 我在 Safari 上遇到过这个问题（这是 Safari 中的一个已知错误）；通过应用 -webkit-mask-image 修复了它，它对我来说非常有效。干杯 .block { -webkit-mask-image: -webkit-radial-gradient(white, black); } 我为图像添加了负 z 索引值，为父级添加了更高的值 li {z-index:10; overflow: hidden;} li img {z-index: -10;} 我不知道我是否正确理解了问题，因为图像未加载。如果您将 height: 100%; 添加到 .inner_block 对您的问题有帮助吗？ http://jsfiddle.net/HuMrC/2/ 已经有一个关于用于创建新的堆叠上下文的 CSS 属性的答案： isolation: isolate; 我过去在尝试放大 div 内的照片时遇到过这样的问题。我通过在缩放变换中添加旋转 scale(1.05) rotate(0.02deg) 来修复它 （它实际上消除了故障线） 我今天的问题是消除translateY div 悬停效果中的故障线。令人惊讶的是，我通过删除overflow: hidden;摆脱了它们 希望这对未来的调试人员有所帮助。 这是一个有关堆叠上下文的问题。 我们可以使用MDN - stacking context中列出的方法来形成一个stacking context： position: relative; z-index: 1; -webkit-mask-image: -webkit-radial-gradient(white, black); opacity: 0.999; will-change: transform; 对于我个人来说，第一种方法是最好的。
在 Safari 16.6 及更低版本中，如果您的 HTML 输入字段的字体大小大于输入的高度，则输入中的值将在无法删除的值上方进行填充，或者
Apple macOS 芯片上的 Safari 15.5 (17613.2.7.1.8) Http/3
抱歉，有人注意到 http/3 在 macOS Safari 15.5 (17613.2.7.1.8) Apple Silicon 上不起作用的问题吗？ 在“实验功能”中启用了 Http/3，浏览器重新启动，但是： http...
FontAwesome 图标在 Safari 中的位置比 Chrome 中更高
我不知道为什么会发生这种情况，但我的 FontAwesome 图标在 Safari 中出现偏移。 在 Chrome 中它们看起来像这样： 在 Safari 中，像这样： 现在，我正在使用 Foundation、React.js 和 FontAwe...
我想使用 style 属性隐藏 div 标签： 样品 但是，该属性适用于 Firefox，但不适用于 Safari。有替代方案吗？
我想使用可见性和翻译来控制向用户显示哪些内容。 因此，当用户通过导航进行切换时，下面的内容将通过翻译进行转换...
无法在 Safari 上的 IndexedDB 中存储 Blob 类型
我在 Safari 版本 10.1.2 上的 IndexedDB 中存储 blob 时遇到问题（在 IOS 上也面临同样的问题）。 我正在使用 angular2-indexeddb 模块包装器，但是 - 我不认为这是一个问题......
我有以下代码，用于登录用户并显示“选择好友进行请求”对话框（“apprequests”）： 我有以下代码，用于登录用户并显示“选择朋友进行请求”对话框（“apprequests”）： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> <head> <title>Test</title> <script type="text/javascript"> function facebook(){ FB.login(function(response) { if (response.authResponse) { var access_token = FB.getAuthResponse()['accessToken']; FB.ui({ method: 'apprequests', message: 'Sample Title', max_recipients:1 }, function(response){ console.log('OK'); }); } }, {scope: 'publish_stream'}); } </script> </head> <body> <p><a href="javascript:facebook();">Test</a></p> <div id="fb-root"></div> <script type="text/javascript"> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/es_LA/all.js#xfbml=0&appId=XXXXXXXXXXXXXX"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> </body> </html> 该代码适用于所有主要浏览器（Firefox、Chrome、Opera、IE11、iOS 版 Safari、Android 浏览器）。 Safari（适用于 Mac/PC）是例外：它打开“apprequests”对话框，但该对话框显示为空。如果您更改下拉选项（更改为“邀请好友”，然后再次更改为“所有好友”），好友列表最终会出现。 知道如何修复这个错误吗？ 谢谢！ 报告了Facebook-API的错误。正如 mark wiltse 所说： 我们已成功重现此问题，它似乎是一个有效的错误。我们正在将此分配给适当的团队。 Safari无需单独处理。您需要保留此任务，直到 Facebook 开发人员解决此错误。 更新： 根据线程，该错误现已解决。
iPhone Safari 上“添加到主屏幕”的 url 可以自定义吗？
“添加到主屏幕”显示在网站的所有页面上，我希望 URL 成为保存的主页。 例如在此页面上： http://www.domain.com/category/page.html 有没有可能...
我在 Safari 上处理动画时遇到困难 - 它在其他地方都工作正常，但 Safari 上的线性循环动画中存在这些白色间隙。我尝试了不同的事情，比如设置 - 我们...