Safari是Apple的网络浏览器，是macOS和iOS上的默认浏览器。
我的 Angular 应用程序一切正常。但现在突然出现以下错误并且我的浏览器卡住了。 限制导航以防止浏览器挂起。参见...
检查 iPhone 和 iPad 设备上 Safari 浏览器中的 Javascript“oncontextmenu”事件支持
我们都知道，Apple 决定让 Safari 争夺令人垂涎的“创意浏览器”奖（取代已不复存在的 Internet Explorer），在众多创意和非静态浏览器中决定...
Safari 拉动重新加载会创建与正常重新加载不同的内部高度
我正在开发一个页面，在页面加载时显示全高横幅，这是通过在页面加载、调整大小或方向更改时在 JS 中设置图像容器的高度来完成的...
目前，Safari 中的“添加到主屏幕”功能破坏了用户流程，其中 localStorage/sessionStorage/cookies 中保存的数据不会被转移到 PWA，使得用户...
React/Vite 上的网站在 Safari 中无法运行。 （浏览器显示空白页面）
我使用 BrowserStack 在 React 18/vite 上测试我的网站，当我在 Safari 5.1 中测试它时，我只能看到空白页面。控制台中没有任何错误。 （但网站在移动 Safari 中可以正常工作） ...
我目前正在开发一个 HTML 表单，其中包含用户地址信息字段，例如姓名、街道、邮政编码和城市。该表单利用 W3C 自动完成属性来促进自动填充。 W...
请检查以下代码片段。高度：100%；除了 Safari 之外，所有浏览器都遵守该声明。对于 Safari，flex-basis：50px；显然“无效”了高度设置。 我...
在这个安装了当前 Dawn 主题的 Shopify 商店中，cooltools.us，旧版本的 Safari 不断要求客户在浏览商店时登录，这种情况还在继续......
Safari： 为什么 Safari 会向按钮/下拉等组件添加这样的边框/轮廓？在 chromium 浏览器上我看不到这样的轮廓。
Safari 无法连接到本地 URL：http://127.0.0.1:5000
我尝试运行这个简单的 Flask hello 字代码： 应用程序=烧瓶（__名称__） @app.route("/") def hello_world(): 返回“你好，世界！” 但 Safari 不想
我在页面上的表单中有一个自定义样式的文本输入。 它在桌面、Android、iOS Chrome 上按预期工作，但有时在 iOS Safari 中在框中输入时，没有文本输入，即使
Safari 无法打开页面 localhost:random_port
我按照 Google API 快速入门 Python 上的说明进行操作，以便可以快速入门。我下载了具有默认名称的 JSON 文件集并作为桌面应用程序。确定每个...
焦点事件在所有浏览器上都可以正常工作，但 Safari 当它被单击时。 它在 div[tabindex] 元素上工作正常，但在 Button 或 input:button 元素上不起作用。 它还可以得到f...
Microsoft 认知语音 SDK(js) 在 safari 上运行不佳
我正在使用带有react.js前端的microsoft-cognitiveservices-speech-sdk 1.31.0。 它在 google chrome 浏览器上运行良好，但在 safari 浏览器上运行不佳。 文本转语音功能（
我的网站在桌面上的响应速度还不错，但是当涉及到 iPad 或平板电脑大小的设备时，就很糟糕了。这不是来自布局，这还可以，但一切都太大了，使我们...
ios17 safari AudioContext（网络音频API）问题
自从我升级到 ios17 以来，我的 AudioContext 无法在 Safari 上工作。 我有一个简单的元素，通过 AudioContext 连接增益节点。音频加载.mp3文件（剩余时间已更新
有没有办法使用 JavaScript 在 Safari 扩展中打开选项卡？
我正在尝试使用 javascript 打开一个新选项卡。它不起作用，我收到错误： [错误] 语法错误：意外的标记“：”。预期以“)”结束参数列表。 （匿名函数） 他...
我完成了我的网站，但我没有意识到 safari 不支持 Flexbox 间隙。有没有办法解决这个问题而不造成任何混乱？这主要是为了我的媒体查询。 我完成了我的网站，但我没有意识到 safari 不支持 Flexbox 间隙。有没有办法解决这个问题而不造成任何混乱？这主要是为了我的媒体查询。 <div class="social-media"> <a href="https://github.com/"> <img class="social-media__icon" src="img/github.png" alt="Github"> </a> <a href="https://www.linkedin.com/"> <img class="social-media__icon" src="img/linkedin.png" alt="LinkedIn"> </a> </div> .social-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8rem; margin-top: 10rem; padding-bottom: 2rem; } .social-media img { width: 90px; height: 90px; } @media only screen and (max-width: 400px) { .social-media { gap: 3rem; margin-top: 5rem; } .social-media img { width: 62px; height: 62px; } } 使用 Lobotomized 猫头鹰选择器：.parent > * + * {} 添加一个左边距，为另一个元素后面的元素之间提供空间，这样就可以消除当您将边距直接放置到子元素的第一个元素时所创建的不需要的边距元素 (.social-media img{}) .social-media > * + * { margin-left: 8rem;} 在这里您可以阅读有关脑叶切除猫头鹰选择器的更多信息 编辑：Safari 14.1（2021 年 9 月）现已支持 Gap，因此您应该能够毫无问题地使用它。 Safar 版本不支持 gap 和 display: flex 属性 https://caniuse.com/flexbox-gap< 14 。 您可能想将显示 flex 替换为 grid： display: grid; grid-gap: 8rem; /* Safari 10-11 */ gap: 8rem; /* Safari 12+ */ 因为旧版 Safari 版本支持网格间隙：https://caniuse.com/mdn-css_properties_gap_grid_context 接受的答案存在问题，如果只有一行，则第一个元素的边距错误。而且居中的元素总是离右边太远 8rem。 更好的解决方案，始终适用于正确的间距： .container { display: flex; // the trick is to set margins around boxes, but correct the margins around elements that are situated at the border of the container with negative margins margin: 0 -10px -20px -10px; } .box { min-width: 100px; height: 100px; background-color: deeppink; margin: 0 10px 20px 10px; }<div class='container'> <div class='box'>1</div> <div class='box'>2</div> <div class='box'>3</div> <div class='box'>4</div> </div> 您可以删除间隙类并向子元素添加另一个间隙类 <div class="d-flex"> // it was "d-flex gap" previously <div class="mx-2"> //content </div> <div class="mx-2"> //content </div> </div> 受到 KCarnaille 和 Elazar Zadiki 对建议使用脑叶切除猫头鹰选择器的答案的评论的启发，我相信以下 CSS 规则可以更好地作为使用 column-gap 和 row-gap 属性以及 Flexbox 的后备： .flex-container { --column-gap: 5px; --row-gap: 10px; display: flex; flex-wrap: wrap; /* Remove the margin created by the last row of flex items */ margin-bottom: calc(-1 * var(--column-gap)); /* Remove the margin created by the last flex item in each row */ margin-right: calc(-1 * var(--row-gap)); } .flex-container > .flex-item { margin-bottom: var(--row-gap); margin-right: var(--column-gap); } 当然，如果您要使用 gap 属性，请为上面的 --column-gap 和 --row-gap 设置相同的值。 我认为你可以制作一个 div 容器并放置 justify-content: space- Between;那么我认为它应该有效
浏览器 (Safari) 拒绝通过 Javascript fetch API 使用 POST 发送正文
[更新：事实证明，这只发生在 Safari 上，而不是 Chrome 或 Firefox 上] 这个问题已经在网络上发布了一百万次，但是所有的提示、提示和技巧（cors、内容-...