safari 相关问题

Safari是Apple的网络浏览器，是macOS和iOS上的默认浏览器。

Google reCAPTCHA V3 版本，从 iphone Safari 浏览器访问页面的用户收到“浏览器错误”响应，可能是什么原因？

在我们的网络应用程序中，我们实现并使用了 google reCAPTCHA V3 版本。对于我们的一些最终用户（主要发生在 iphone safari 浏览器最终用户），我们收到“错误代码”：如“

iphone safari recaptcha recaptcha-v3

回答 1 投票 0

在 safari 中粘贴文本时获取工具提示

我使用此页面 https://web.dev/patterns/clipboard/paste-text/ 中的相同代码，按下它时会在 safari 中呈现工具提示，并且用户必须按下工具提示才能粘贴文本。它确实...

javascript firefox safari tooltip clipboard

回答 1 投票 0

Firefox 和 Safari Mac 不支持预加载 CSS 文件

我向所有 css 链接添加了属性 rel="preload"，如下所示：我向所有 css 链接添加了属性 rel="preload"，如下所示： <link rel='preload' onload='this.rel="stylesheet"' as='style' id='reworldmedia-style-css' href='style.css' type='text/css' media='all' /> 它在 Chrome 中运行良好，但在 Safari 或 Firefox 中运行不佳我发现一个可能最好的解决方案是加载两个文件，如下所示 - 支持预加载的浏览器将按预期使用它，而那些不支持预加载的浏览器（如 Firefox）将仅使用常规（第二个链接）。此解决方案不需要使用 onload="this.rel='stylesheet'"，因为该样式是在预加载后立即使用的： <head> <link rel="preload" href="style.css" as="style"> <link rel="stylesheet" href="style.css"> </head> 我还发现了一个替代上述方法的方法，可以包含“rel”两次，例如： <link href="style.css" rel="stylesheet" rel="preload" as="style"> 对于 Firefox，仅在 Firefox 56 Nightly 中受支持。将于2017 年 9 月 26 日发货。您可以从这里下载。更新：此功能在 FF 56 上登陆，但在 57 中被删除。这里是原因：此功能在 Firefox 56 中可用，但仅适用于可缓存资源。由于各种网络兼容性问题（例如错误 1405761），它已在 Firefox 57 中被禁用。适用于不可缓存资源的改进版本预计将登陆 Firefox 59 更新 2：Firefox 现已支持此功能。参见我可以使用吗。 Firefox 不支持，将在 Safari 的下一版本中添加。所以你所看到的是预期的行为。我想不出比文档本身更具解释性的东西了。在 caniuse.com 网站上有这个 http://caniuse.com/#feat=link-rel-preload 如果你遵循这个并转到 w3c 规范，你会发现这个。 https://w3c.github.io/preload/ 其中明确指出“这是一项正在进行的工作，可能会更改，恕不另行通知。”也许很快这个《草案》完善后，就会增加支持。使用 loadCSS 跨浏览器可靠地预加载预加载的一个问题是 Firefox 和 Internet Explorer 等浏览器不支持它（截至 2018 年 11 月）。因此，这些浏览器不会下载 CSS 文件，这可能会导致网页出现严重的显示问题。这使得包含用于预加载的 JavaScript polyfill 变得至关重要 - loadCSS。下载 loadCSS JavaScript 文件或直接复制其 JS 代码在这里。在 CSS 样式表预加载所在的位置加载 loadCSS polyfill 执行： <style> [Your critical CSS goes here] </style> <!– Reliably defer loading of non-critical CSS with loadCSS–> <link rel=“preload” href=”[yourcssfile]” as=“style” onload=“this.onload=null; this.rel=‘stylesheet’”> <noscript><link rel=“stylesheet” href=”[yourcssfile]” ></noscript> <!– Inline the loadCSS preload polyfill code or load it via external JS file–> <script src=“./cssrelpreload.js”></script> 截至 2021 年 11 月。我使用过以下内容，它适用于 Firefox/Safari/Chrome 和其他主要浏览器： <link rel="stylesheet preload" as="style" href="style.css" > 您不需要将“rel”加倍或对同一个 CSS 文件使用两个。这可以起到指示浏览器尽快下载关键资源的作用 <link rel="preload stylesheet" href="./style.css" as="style">。我有解决方案，这是有效的，并且对于网站速度来说是最好的这是作为默认值的每个浏览器的普通代码 <link rel="stylesheet" rel="preload" href="css/xyz.css" as="style" onload="this.onload=null;this.rel='stylesheet'" /> <noscript><link rel="stylesheet" href="css/main.css" /></noscript> 对于 mozilla firefox 使用这个，当文件在 mozilla 中运行时，它显示此代码，否则它显示默认 css 代码 <?php if(isset($_SERVER['HTTP_USER_AGENT'])){$agent = $_SERVER['HTTP_USER_AGENT'];} if(strlen(strstr($agent,"Firefox")) > 0 ){$browser = 'firefox';} if($browser=='firefox'){echo '<link rel="stylesheet" href="css/xyz.css" />';}?> 2021 年最佳解决方案： <link rel="stylesheet" href="/path/to/my.css" media="print" onload="this.media='all'"> 为什么这是最好的选择？目前（2021 年）所有现代浏览器都支持预加载标签，但如果有人使用未更新的浏览器、IE 或三星移动等某些本机移动浏览器的设备访问您的页面，您的页面仍然会看起来很糟糕或根本不会设计样式。另一方面，使用预加载获得的页面加载时间（和页面速度分数）太大，不能仅仅为了支持不到 1% 的设备而放弃它。使用 2x rel 标签的最高投票答案仍然会对 FCP 渲染时间产生负面影响（您可以使用 chrome devtools 性能选项卡进行测试）。使用媒体属性开关，我们得到了不会阻止页面渲染的解决方案并且适用于旧版浏览器。获取优先级重要的是，“预加载”标签会获取具有最高优先级的非关键 CSS，这可能会降低其他重要下载的优先级，但如果在您的情况下您希望预加载提供优先级，则可以使用此解决方法： <link rel="preload" href="/path/to/my.css" as="style"> <link rel="stylesheet" href="/path/to/my.css" media="print" onload="this.media='all'">

css firefox safari preload

回答 9 投票 0

Facebook 嵌入帖子不会在 Safari 中呈现

你好，我已经建立了一个网站，并且我在其中嵌入了一个 Facebook 帖子，如下所示 你好，我已经建立了一个网站，并且我在其中嵌入了一个 Facebook 帖子，就像这样 <pre><code><iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fvitrina.bg%2Fposts%2Fpfbid02EWp2MPqbUQ2DrYVkRinegLm2ae1yE6MUbnrypM6D5cV64zt2wG5zej5ExryG6VSil&show_text=true&width=500" width="100%" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe> </code></pre> 我已经搜索过这个问题，但在互联网上找不到任何解决方案。 问题是在 Firefox 和 Chrome 中工作，但在 Safari Mobile (iPhone 11) 上无法渲染。 我的网站： <a href="https://vitrina.bg" rel="nofollow noreferrer">Vitrina.bg</a> </question> <answer tick="false" vote="3"> 我想你可能会检查你的iPhone上的ios版本。目前的问题是，您在最新版本的 ios 15 中的 iPhone safari 在 Safari 设置上具有功能安全性。 因此，由于该功能，您必须在设置 safari 中检查隐私和安全。 设置 >（查找）Safari >（查找）隐私和安全 >（尝试关闭）从跟踪器中隐藏 Ip。 以上，祝你好运。 GLHF </answer> <answer tick="true" vote="1"> 这可能不是万能的解决方案，但它解决了我们的问题。 我们从 <a href="https://developers.facebook.com/docs/plugins/embedded-posts/" rel="nofollow noreferrer">Facebook 自己的文档</a>中获取了嵌入代码，并且他们指定使用 <a href="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2" rel="nofollow noreferrer">https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2</a> 作为其 SDK 的路径. 这似乎已经过时了。 当我们将链接更新为 <a href="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v11.0" rel="nofollow noreferrer">https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v11.0</a> 时，我们嵌入的 Facebook 帖子开始出现在 Safari 中。 希望这有帮助！ </answer> <answer tick="false" vote="0"> 我也遇到了同样的问题，我已经解决了。添加以下元标记将解决您的问题！！ <pre><code> <meta httpEquiv="Content-Security-Policy" content="frame-src https%3A%2F%2Fwww.facebook.com%2Fvitrina.bg%2Fposts%2Fpfbid02EWp2MPqbUQ2DrYVkRinegLm2ae1yE6MUbnrypM6D5cV64zt2wG5zej5ExryG6VSil&show_text=true&width=500" /> </code></pre> </answer> </body></html>

facebook iframe safari

回答 0 投票 0

启用混合内容 |野生动物园| “混合内容：此请求已被阻止；内容必须通过 HTTPS 提供

混合内容：“https://yourwebsite.com/”页面是通过 HTTPS 加载的，但请求了不安全的 XMLHttpRequest 端点“http://otherwebsite.com/”。该请求已被阻止；内容...

http https safari

回答 3 投票 0

CORS 选项预检请求未显示在开发工具中

如何让 Safari 在开发工具网络选项卡中显示 CORS 飞行前选项请求？ IIRC 他们曾经出现过，我知道正在发出请求，因为我们可以看到他们登录服务器......

safari cors preflight safari-web-inspector

回答 1 投票 0

window.open(url, '_blank');无法在 iMac/Safari 上工作

我构建了一个网页，让您从下拉列表中选择页面名称，然后将浏览器转移到该页面。进行传输的代码是如果（网址）{ window.open(url, '_blank...

javascript macos safari

回答 11 投票 0

页面之间的 JS 淡入淡出在 Safari 上不起作用

我在我的网站的页面之间放置了一些 JavaScript 淡入/淡出转换： window.transitionToPage = 函数(href) { document.querySelector('body').style.opacity = 0 设置超时(

javascript html css safari

回答 2 投票 0

在 iOS safari URL 栏中使用 JavaScript 打开链接

我正在尝试使用 iOS safari 地址/URL 栏打开链接。根据我的测试，地址栏不会执行 javascript:alert("hi");就像之前的 iOS 版本一样。有没有...

javascript ios iphone safari mobile-safari

回答 1 投票 0

如何复制Safari Tabs的动画和过渡？

我正在创建一个应用内浏览器，并希望支持多个“选项卡”。作为起点，我尝试重新创建与 safari 相同的 UI/UX，即“cards&qu...

swiftui safari wkwebview swiftui-animation

回答 1 投票 0

Selenium webdriver - Safari > 16.x 启动后崩溃

Selenium webdriver - Safari > 16.x 启动后崩溃，在我们有很多库的框架中 - 其中一些是 cucumber、testng、allure 和 reportportal。 Selenium-Java -...

java selenium-webdriver safari

回答 1 投票 0

iOS Safari 将图像 URL 作为字符串而不是图像共享

我目前正在创建一个 AR Web 应用程序，它允许您截取屏幕截图、从 Base64 转换为 Blob 文件并在屏幕上显示预览。当从 chrome 共享时，它使用

javascript ios safari blob share

回答 1 投票 0

Safari 解析 JSON-LD 时抛出异常

使用此简单代码创建一个 HTML 文件并在 Safari 中打开它。 [ { “@context”：&</desc> <question vote="2"> 使用此简单代码创建一个 HTML 文件并在 Safari 中打开它。 <pre><code><html> <head> <script type="application/ld+json"> [ { "@context": "http://schema.org", "@type": "Organization", "name": "Parqet", "url": "https://www.parqet.com/", "logo": "https://www.parqet.com/logos/parqet_logo_pos.svg", "sameAs": [ "https://www.facebook.com/parqetcom", "https://twitter.com/ParqetApp", "https://www.instagram.com/ParqetApp/", "https://www.youtube.com/channel/UC4LOcElG8Z73Hvgbbp3m1KQ", "https://www.linkedin.com/company/parqet/", "https://github.com/tresorone" ] } ] </script> </head> <body> test </body> </html> </code></pre> Safari 会产生此错误。 <blockquote> TypeError：未定义不是对象（评估 'r["@context"].toLowerCase'） </blockquote> <a href="https://i.stack.imgur.com/vDwOZ.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL3ZEd09aLnBuZw==" alt=""/></a> 非常感谢您对我们如何解决这个问题的任何见解。在最后一个属性或对象中添加尾随逗号可以消除错误 - 但它不再是有效的 JSON。超级奇怪的行为🤔. </question> <answer tick="false" vote="0"> Safari 似乎对数组有问题，需要一个对象。为了仍然编写多个 JSON-LD 定义，我们可以使用 <pre><code>@graph</code></pre> 表示法。 这修复了错误。 <pre><code><html> <head> <script type="application/ld+json"> { "@context": "http://schema.org", "@graph": [ { "@type": "Organization", "name": "Parqet", "url": "https://www.parqet.com/", "logo": "https://www.parqet.com/logos/parqet_logo_pos.svg" } ] } </script> </head> <body> test </body> </html> </code></pre> 需要明确的是：对象数组是完全有效的。我怀疑这是 Safari 中的一个错误。 </answer> </body></html>

safari json-ld structured-data

回答 0 投票 0

Flexbox 内容在 Safari 16 中重叠

我正在 Webflow 中处理一个页面，地球上的每个桌面和移动浏览器都能够显示布局，除了 safari 16，它使 .about-content 和 .about-header 像 .. .

html css flexbox safari webflow

回答 1 投票 0

Service Worker FetchEvent.respondWith 无法在 Safari 中工作

我目前正在尝试设置一个 Service Worker 演示以供我自己理解。预期的行为是让服务工作人员检查任何以 .json 结尾的请求并使用虚拟值进行响应

json safari fetch-api service-worker

回答 1 投票 0

Safari History.db History_visits.visit_time 是什么格式？

当从 Safari 查看 History.db 时，有一个名为history_visits的表，其中有一列名为visit_time，这是一个实数值。它的值例如 470799793.096987。是什么格式...