Safari是Apple的网络浏览器，是macOS和iOS上的默认浏览器。
我定期使用通过 Safari 浏览器安装的 Web 应用程序 (PWA) 运行测试。然而，昨天，在测试过程中，我注意到该网络应用程序不再正确安装。这是至关重要的
我使用 org.apache.catalina.util.URLEncoder 对文件名进行编码，并在 content-disposition 标头中设置如下： 字符串编码 = urlEncoder.encode(fileName, StandardCharsets.UTF_8); 回应。
在 iOS 17+ Safari 上检测隐身模式以进行重定向处理
我们的产品安全功能面临问题，其中涉及在 URL 中使用“fbclid”代码。在 iOS 17+ Safari 上，尤其是在隐身模式下，Apple 禁用了链接跟踪器，因为...
为什么 safari 是唯一将我的 https 网站标记为不安全的浏览器
我最近为客户的业务创建了一个网站。我们从 GoDaddy（与我们托管的平台相同）购买并设置了 OV SSL 证书。但由于某种原因，Safari 正在标记整个...
问题 我正在尝试通过 PHP 在 Safari 上进行 .webm 流式传输。由于某种原因，我在 Safari 中看到一个空的视频播放器。在其他浏览器上运行良好。 有所有要求的截图...
格式化和显示 UNIX 时间戳的时间的功能在 Safari 浏览器中不起作用
此 JavaScript 代码在 Safari 浏览器中不起作用，但在其他浏览器中运行良好。 代码从时间戳值返回时间或日期，但在 safari 浏览器中不起作用。在 safari 代码中返回：aN.aN.aN ...
在 html 中使用 setTimeout 时，iOS 上不会出现键盘
我在 Safari（特别是 WebKit）上运行脚本时遇到问题。以下是 HTML 代码示例： ...</desc> <question vote="0"> <p>我在 Safari（特别是 WebKit）上运行脚本时遇到问题。以下是 HTML 代码示例：</p> <pre><code><!DOCTYPE html> <html lang="en"> <head> <script> function delayedFocus(e) { e.preventDefault(); setTimeout(function() { e.target.focus(); }, 1000); // Adjust the delay time as needed (in milliseconds) } </script> </head> <body> <ul> <li> <input type="text" id="testtext" onmousedown="delayedFocus(event)"> </li> </ul> </body> </html> </code></pre> <p>此脚本背后的逻辑是在用户单击文本框时引入 1 秒的延迟。 1 秒后，键盘应出现。 Android 移动设备上的测试显示了预期的行为。但是，在 iPhone 上，文本框获得焦点，但键盘不出现。在各种 iOS 版本上都观察到了此问题，该脚本仅适用于 iOS 15。</p> <p>如果您有任何见解或解决方案来解决此兼容性问题，我们将不胜感激。谢谢。</p> </question> <answer tick="false" vote="0"> <p>@momo 您可以尝试直接使用 focus 方法以及 touchstart 和 click 事件的组合，而不是依赖于 javascript 中的延迟和 mousedown 事件。更改此 touchstart 后，我能够解决键盘问题。希望对你有帮助。</p> <pre><code><input type="text" id="testtext" ontouchstart="handleTouchStart(event)"> function handleTouchStart(e) { e.target.addEventListener('click', delayedFocus); } </code></pre> </answer> <answer tick="false" vote="0"> <pre><code><!DOCTYPE html> <html lang="en"> <head> <script> function focusInput(e) { e.preventDefault(); var hiddenButton = document.getElementById('hiddenButton'); hiddenButton.focus(); setTimeout(function() { var testText = document.getElementById('testtext'); testText.focus(); }, 1000); } </script> </head> <body> <ul> <li> <input type="text" id="testtext" onmousedown="focusInput(event)"> </li> </ul> <button id="hiddenButton" style="display: none;"></button> </body> </html> </code></pre> <ul> <li><p>在这段代码中，我编写了当用户单击输入字段时隐藏按钮将获得焦点，并且键盘将按预期显示。延迟 1 秒后，焦点转移到实际输入字段。</p> </li> <li><p>您遇到的问题与 Safari 在 iOS 上处理焦点事件的方式发生变化有关。当输入字段以编程方式聚焦时，Safari 现在不会立即显示键盘。通过让浏览器选择何时显示键盘，而不是每次定位输入字段时立即弹出键盘，这样做是为了改善用户体验。</p> </li> <li><p>不幸的是，这个问题没有简单的解决方案，因为它是 Safari 行为的变化而不是错误。</p> </li> </ul> </answer> </body></html>
在 Safari 15 中，发布了一项新功能，该功能可以对地址栏和选项卡栏进行着色以匹配当前网站标题的颜色。 我注意到这个新功能不适用于任何...
在调试另一个 iOS 问题时，我偶然发现了一个看起来非常奇怪的 iOS Safari 错误。 源代码：https://github.com/Maximaximum/ios-safari-bottom-white-space 演示：https://
Safari CSS 会导致元素与某些“height”值垂直错位
以下代码在 Chrome 和 Firefox 上显示正常，但在 Safari（17、Mac+IpadOS）上，条形基线正在变化。 更奇怪的是（这让我认为这可能是渲染问题），它可能是
所以，我使用这段代码： vartoggleBtn = false; 函数 btnClick() { 切换Btn = !切换Btn; document.getElementById("testText").innerHTML =toggleBtn; 如果（切换Btn）{ 打开全文...
我有一个输入选择框，我必须对齐此框中的文本。 在 Google Chrome、Firefox 和 IE 中 <= 9 it works fine. But the Safari don't use the padding.. Here my code: 我有一个输入选择框，我必须对齐此框中的文本。 在 Google Chrome、Firefox 和 IE 中 <= 9 it works fine. But the Safari don't use the padding.. 这是我的代码： <select class="anrede1"> <option>Frau</option> <option>Herr</option> </select> .anrede1, .land { font-family:'Roboto Condensed'; font-size: 22px; color: #575656; margin: 10px 10px 10px 0px; width: 100%; height: 42px; text-align: left; padding-left: 17px; border: 2px solid #e1eef9; font-weight: 300; } http://jsfiddle.net/jhne7pfe/ 有一些解决这个问题的想法吗？ 这是一个迟到的答案，但我一段时间以来一直在寻找同一问题的解决方案。使用文本缩进将元素移动到输入元素周围，并且填充仍然被忽略。 -webkit-appearance: textfield; 使用它解决了我的问题，希望这可以节省其他人的时间。 据我所知，W3 规范不允许在选择字段中使用填充。所以Safari不支持。 但是您可以使用以下内容代替padding-left： text-indent:17px; 这应该可以正常工作。 不确定我上次的评论回复是否通过了： 由于我这里没有安装 Safari，我希望这会有所帮助。尝试使用： padding-left:17px; -webkit-padding-start:17px; 而不是 text-indent: 17px; -webkit-padding-start 仅适用于 chrome 和 safari 浏览器，如果 padding-left 有效，则应自动忽略。 不幸的是我还没有 jsfiddle 帐户。 将尽快完成;-) 不再工作了。 -webkit-appearance: textfield;❌ 如果你想在 Safari 设备中填充。你必须使用： select{-webkit-appearance: initial;-moz-appearance: initial;appearance: initial;}✅ select{ -webkit-appearance: initial; -moz-appearance: initial; appearance: initial; padding: 15px 40px; border: 1px solid #dddddd; background-color: #fcfcfc; border-radius: 5px; cursor: pointer; } <select> <option>Select A</option> <option>Select B</option> </select>
当我访问 hackerweb.app 时，我得到以下 userAgent： Mozilla/5.0（Macintosh；Intel Mac OS X 10_15_6）AppleWebKit/605.1.15（KHTML，如 Gecko）版本/14.0.3 Safari/605.1.15 当我访问黑客时...
我维护一个具有交互式内联脚注的网站，这些脚注作为浮动 元素（带有 float:left）插入到脚注编号后面的段落中。这个想法是......
Regex test() 在 Firefox 和 Chrome 中给我带来了问题，但它在 Opera 和 Safari 中完美运行。 有问题的代码： var 模式 = /(\s+(?!\$\w+)|(^(?!\$\w+)))/g; if(pattern.test(String(id).replace...
相对位置在 Safari 11 Dagre-d3 svg 中不起作用
我正在尝试将 Html 标签放入 dagre-d3 SVG 图中，它在 Firefox 和 Chrome 中工作正常，但在 Safari 中在自定义 HTML 中添加相对或绝对位置时似乎出现问题。 变...
Safari 并不总是发送 If-None-Match 来获取页面加载
我有一个模拟项目，我正在不同的浏览器上测试 Etag 和 If-None-Match 行为。 Get 请求在页面加载时发送，我将始终以 200 响应并分配新的 Etag 值。 w...
为什么我的 cookie 没有保存在 Safari 上，而是保存在 Chrome 上？
所以我正在开发一个项目，前端是在vercel上托管的Next.JS，后端是在heroku上托管的Express.JS。 我使用 Express-Session 和 Passport JS 来存储会话。 上...
观察下面的两个屏幕截图，第一个在 Chrome 中，第二个在 Safari 中。两种浏览器均为截至问题日期（2023 年 1 月）的最新版本。 页面背景是 Ch...
向我的 SVG 路径添加径向渐变似乎会在某些 iOS 设备上或在 iOS 设备上放大/缩小时导致奇怪的水平（抗锯齿？）线条。我无法在任何地方复制它...