safari 相关问题

CSS 未在 Safari 中加载

我正在开发一个 Discord 教程网站 (http://elix.sap.md/elix/forgive)， 我有一个外部 CSS 文件。在 Chrome 中一切正常现在当我在 Safari 上尝试时，CSS 设置是 g...

省略号现在在 Safari 中以渐变文本显示

我有一个带有用户图标和电子邮件的 HTML 块，文本颜色是渐变的。问题是当我将屏幕缩小到最小尺寸时，省略号在 Safari 中不显示，尽管它可以工作......

IOS 浏览器上的只读日期字段？

只读字段似乎不适用于 iOS。这就是我所拥有的： @Html.EditorFor(model => model.DateOfBirth, new { htmlAttributes = new { @readonly = "true" } }) 本质上，这得到翻译...

Svg 在 Safari 中<img>缩放错误

我目前正在制作一个简单的网站，我想嵌入从这里的一些 api 获得的不和谐丰富的存在 svg。我使用 标签将其嵌入到页面中。现在，我正在尝试实施

Safari 解析“电话”上的 JSON-LD 错误 ('Object.prototype.hasOwnProperty.call(e,"telephone")')

自从我们为应用程序前端启用 Sentry（我们使用 TALL 堆栈构建）以来，我们从 Safari 浏览器中收到了很多错误。我无法复制。 首先我们得到了这样的错误 Safari

CSS - 宽高比：在 Safari 浏览器中不起作用

.测试{ 宽度：20%； 背景：红色； 纵横比：1/1； } 纵横比：1/1；除了 safari 之外，它在其他浏览器中工作正常。但是这段代码确实...

Safari 忽略 window.matchMedia

我使用 window.matchMedia 条件以避免在移动设备中注入视频。 CanIUse 报告说，自 Safari 9 起，matchMedia 将顺利工作（我正在对其进行测试），但我的

边框图像在 Safari 中不显示

边框图像未显示在 Safari 或平板电脑和移动设备上。在 FF、IE、Chrome 和 Opera 中都没有问题。 这是 HTML： 边框图像未显示在 Safari 或平板电脑和移动设备上。在 FF、IE、Chrome 和 Opera 中都可以。 这是 HTML： <div class="col-sm-4 ctas" id="togglelinks"> <div class="rooms"> <img src="images/bedroom1.jpg" alt="" class="img-responsive" /> <h6>Room 1</h6> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam</p> <p><a class="btn togglee" target="one">MORE INFORMATION</a></p> </div> </div> 和CSS .rooms { border: 15px solid transparent; color: #fff; padding: 5px; border-image: url("../images/paint-blk.png") fill 21 repeat; } 更多信息：我正在使用 Bootstrap v3.0.3。该页面正在验证。在 FireBug 中，边框、颜色、填充被带入，但图像未被带入。 我在寻找 Safari 10.0 相同问题的解决方案时发现了这篇文章。我找到了解决方案，并希望分享它，以防有人遇到同样的问题。通过删除 border 简写属性并将其替换为 border-style 和 border-width 解决了该问题。 这是我之前的代码，不起作用： .borderWrap{ border: solid 34px transparent; border-image: url(../images/spriteOneFrame.png) 34 34 round; } 新代码可以运行： .borderWrap{ border-style: solid; border-width: 34px; border-image: url(../images/spriteOneFrame.png) 34 34 round; } 2017 年 6 月，在 Safari 版本 10.1.1 中，w3schools.com 上不再显示边框图像。 border-image dot com 上有一个边框图像生成器（我希望我可以在这里提及这一点！），至少对于 Safari、chrome 和 ff for mac 来说效果很好。 我的例子： border-style: solid; border-width: 5px; -moz-border-image: url(border.png) 27 repeat; -webkit-border-image: url(border.png) 27 repeat; -o-border-image: url(border.png) 27 repeat; border-image: url(border.png) 27 fill repeat; 您是否使用最新版本的 Safari 进行检查？ Safari 在 5 之前的版本中不支持 border-image。老实说，最好通过使用 -o、-webkit 和 -moz 标签来添加对尽可能多的旧浏览器的支持。 您可以在 w3schools border-image 页面上了解如何使用这些标签。 http://www.w3schools.com/cssref/css3_pr_border-image.asp 一般来说，你只需要将每个浏览器的前缀添加到标准CSS代码中即可。 我放弃了让边框图像正常工作的尝试。它的支持不够好。所以我将其更改为背景图像并且工作正常。 这适用于除 Safari 和某些设备之外的所有设备： .rooms { color: #fff; background: url("../images/paint-blk2.png") 0 0 / 100% 100% no-repeat; padding: 25px; height:410px; } 但是为了在 Safari 中工作，它需要是这样的： .rooms { color: #fff; background: url("../images/paint-blk2.png") no-repeat; background-size: 100% 100%; padding: 25px; height:410px; } 这个故事的寓意是，坚持有效的做法，直到他们完善新东西。 我没有使用透明或继承，而是使用了随机颜色，并且它在 safari 上有效。 边框图像刚刚覆盖了我设置的图像。我仍然会使用良好的后备颜色，以防边框图像在旧版浏览器上不显示。 border: 10px solid blue !important; border-image: url(/myImage.png) 20% stretch; 可以确认。代码来自此，不起作用： border-style:solid; border-width:40px; border-color:transparent; border-image: url(images/xmas-border2.png) 25% round; border-image-outset:8px 10px 5px; 为此，在 Safari 13 上工作： border-style:solid; border-width:40px; border-color:#fff; border-image: url(images/xmas-border2.png) 25% round; border-image-outset:8px 10px 5px;

在哪里查看 Safari Web Extension 的存储数据

我有一个从 Chrome 扩展转换而来的 Safari 网络扩展，我试图找到本地存储数据的保存位置以及如何使用 JS 代码查看或检索它。 我正在尝试将数据保存到...

Google Noto 彩色字体使应用程序在 Safari Webkit (IOS/MacOS) 上速度极慢，但在 MacOS Chrome 上却不然

我认为这是 Safari/Webkit 中的一个错误，因为我在 Chrome/Firefox 中没有看到这个问题。 最小可重现示例： 在这个网站上出现错误： https://fonts.google.com/noto/specimen/Noto+Color+

使用网格和变换的 Safari 和 Firefox 抽认卡无法出现溢出滚动

我在使用 CSS 网格和变换创建闪存卡时遇到了一个非常特殊的问题。 我需要使内容溢出：滚动。 对于 Chrome 来说，它可以按预期工作。两侧闪光灯...

无法将 Chrome 设置为 OS X 中的默认网络浏览器

在我的 Mac（Catalina 版本 10.15.5）上，我无法将默认浏览器更改为 Google Chrome。 当我进入“设置”->“常规”时，在“默认 Web 浏览器”下，我只看到 Safari 和 F 的选项...

当应用程序安装为 PWA 时，在 iOS 17 上的 Safari 中不会触发 window.matchMedia("(prefers-color-scheme: dark)") 添加的事件监听器

是我一个人的问题，还是iOS 17上的Safari存在bug，导致window.matchMedia("(prefers-color-scheme: dark)")添加的事件监听器没有被触发？ Safar 没有这样的问题...

是否可以创建一个可以使用 JavaScript 从 safari 访问火炬的 Web 应用程序？

我正在开发一个网站，该网站应该能够在 Android 和 IOS 上访问手电筒。我设法找到了一种通过 chrome （链接）从 android 打开手电筒的方法，同样的代码

在 Safari 浏览器中，在输入事件处理程序中修改元素的值时不会触发更改事件

在输入元素的输入事件中修改元素的值时，Safari 浏览器中不会触发更改事件。 我使用了下面的代码块 ` 在输入元素的输入事件中修改元素的值时，Safari 浏览器中不会触发更改事件。 我使用了下面的代码块 `<input type="text" id="textid"\> <script\> var textcase = document.getElementById('textid'); textcase.addEventListener('input', function(args) { document.getElementById('textid').value =document.getElementById('textid').value + "#"; }); textcase.addEventListener('change', function(){ console.log('Change evet triggered'); }); </script\> ` 复制过程： 在输入元素中输入一个值并退出焦点。 查看控制台窗口，更改事件未触发。 预期行为： 在输入元素的输入事件中修改元素的值时。更改必须在 Safari 浏览器中触发。 我刚刚在 Safary 中遇到了同样的问题。 Firefox 和 Chrome 工作正常，但 Safari 不行。 你找到解决办法了吗？ 到目前为止我能找到的唯一方法是手动创建“更改”事件并通过 element.dispatchEvent 处理程序中的 input 触发它。但就我而言，使用这个解决方案我无法实现我的目标，所以它不是我的选择。

Safari 扩展服务工作者未发送 cookie

我有一个 Chrome 扩展程序，可以在 Chrome 中正常运行。当我将其转换为 Safari 扩展时，我遇到了一个问题。 当用户第一次打开扩展弹出窗口时，扩展将打开...

Safari 无法播放存储在谷歌云上的音频文件

我有一个 GCP 存储桶，其中人们的反馈保存在 blob 和 flac 文件中。在每个浏览器上，音频文件都可以工作，但 safari 无法播放。 我尝试过更改音频源标签的顺序...

网络推送通知在 Safari 上停止工作

我已经使用 Firebase 为基于 NextJs 13 构建的网站实现了 Web 推送通知，并且它们在桌面 Chrome 和 Android Chrome 上完美运行。但在 Safari macOS 和 IOS 上添加后...

Safari 浏览器不允许我在 stackoverflow 中提问

我目前使用的是 Google 浏览器，因为 Safari 似乎不允许我提问。这是问题的一个先睹为快： 正如你所看到的，它不会让我无缘无故地提问，而且......

如何在浏览器中检测操作系统是否处于深色模式？

类似于“如何检测 OS X 是否处于深色模式？”仅适用于浏览器。 有没有人发现是否有办法检测用户的系统是否处于 Safari/Chrome/Firefox 中的新 OS X 深色模式？ 我们...