gpt4 book ai didi

html - 为什么 iframe 仅在 iOS 中是空白的?

转载 作者:行者123 更新时间:2023-12-04 11:59:53 27 4
gpt4 key购买 nike

有一个 html 页面可以在任何 Windows 和 Android 上正常工作(显示 iframe 的内容)。由 Github Pages 托管。它作品 iOS版12.5.1 ,但是 14.6 (Chrome、Safari、Opera 上的空白页)。为什么?

  • 试过 srcwikipedia - 好的一切。问题归结为 iframe 和 src 的组合应用程序脚本(正确打开)
  • 假设问题是混合的 http/https根据 post .刚刚http很时尚http://www.w3.org/2000/svg ,我改成https (甚至删除了所有样式)。没有效果。
  • 没有日志错误,只有空白页。似乎试图加载,但中断并停止。我没有要调试的 ios 设备。反馈用户。

  • 如果你有 iOS 14,可以尝试打开 this site .你看到什么空白页或访问错误?
    像下一个错误是正确的。它告诉你没有访问。

    Refused to display 'accounts.google.com/…' in a frame because it set 'X-Frame-Options' to 'DENY


    如果您登录 Google Account再试一次,Google Drive 会出错。我在隐身模式下的任何平台上都拥有这一切。不要关注他们。
    只有 对空白屏幕/停止加载的情况感兴趣,如下面的截图
    iOS 14.6
    enter image description here
    视窗
    enter image description here
    <!DOCTYPE html>
    <html lang="ru">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Goofy</title>
    <style>
    html, body, iframe { width: 100%; height: 100%; margin: 0; border: 0; }
    </style>
    </head>
    <body>
    <iframe src="https://script.google.com/macros/s/AKfycbzmAfVL_ozEP69vpYvMo3t1Qlc4orPfk7eV5rWT/exec"></iframe>
    </body>
    </html>
    Apps 脚本呈现页面,带有 XFrameOptionsMode.ALLOWALL
    function doGet() {
    return HtmlService.createHtmlOutputFromFile('launch.html')
    .addMetaTag('viewport', 'width=device-width, initial-scale=1')
    .setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
    }

    最佳答案

    这是浏览器端的问题。由于 3rd 方 cookie,Safari 将阻止内容。除非用户自行设置,优先允许所有cookies。到目前为止,我只知道 Safari 会执行此操作。其他浏览器,我认为 iframe 中来自 3rd 方的内容一切正常。

    关于html - 为什么 iframe 仅在 iOS 中是空白的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68250943/

    27 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com