iframe 相关问题

Content-Security-Policy：哪个来源的约束最严格？

上下文 我在页面上有这个 CSP（在 vite React 应用程序中）： 框架-src http://localhost:3080; style-src 'self' '不安全内联' http://localhost:3080 在页面上，来自 http://localhost:3080 的 iframe 是

更改<iframe>标签的属性值

我有一个小 preg_replace 问题。我需要调整 iframe 代码输出的大小，因此我使用 preg_replace，正则表达式似乎工作正常，但结果与输入相同，没有更改。这是我正在使用的代码： $视频代码 =

有没有办法让嵌入的 Spotify 链接自动播放并重复播放？

我有一个问题。当我访问 Spotify 并获取 iframe 代码时，我希望它能够自动播放并在我的网站上重复播放。 我尝试过以下方法： <p>我有一个问题。当我访问 Spotify 并获取 iframe 代码时，我希望它能够自动播放并在我的网站上重复播放。</p> <p>我尝试过以下方法：</p> <pre><code>&lt;iframe src=&#34;https://open.spotify.com/embed/track/21Yvi82imnN9ZQ87FxMpU9&#34; width=&#34;100%&#34; height=&#34;380&#34; frameBorder=&#34;0&#34; allowtransparency=&#34;true&#34; allow=&#34;encrypted-media&#34;&gt;&lt;/iframe&gt; </code></pre> <p>也尝试过</p> <pre><code>&lt;iframe src=&#34;https://open.spotify.com/embed/track/21Yvi82imnN9ZQ87FxMpU9&#34; &lt;button title=&#34;Play&#34; class=&#34;b8 b9 ba ao bb bc bd be bf bg bh bi bj&#34;&gt;&lt;svg viewBox=&#34;0 0 26 26&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; style=&#34;width: 100%; height: 100%; color: white;&#34;&gt;&lt;title&gt;Play&lt;/title&gt;&lt;path d=&#34;M7.712 22.04a.732.732 0 0 1-.806.007.767.767 0 0 1-.406-.703V4.656c0-.31.135-.544.406-.703.271-.16.54-.157.806.006l14.458 8.332c.266.163.4.4.4.709 0 .31-.134.546-.4.71L7.712 22.04z&#34; fill=&#34;currentColor&#34; fill-rule=&#34;evenodd&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/button&gt; onclick=&#34;myFunction()&#34;&gt;width=&#34;100%&#34; height=&#34;380&#34; frameBorder=&#34;0&#34; allowtransparency=&#34;true&#34; allow=&#34;encrypted-media&#34;&gt;&lt;/iframe&gt; </code></pre> <p>我想不通。有什么想法吗？我基本上需要它循环。</p> </question> <answer tick="false" vote="0"> <p>您的第二个示例是不正确的，因为您将 <pre><code>IFRAME</code></pre> 和 <pre><code>BUTTON</code></pre> 元素的 HTML 混合在一起。</p> <p>Spotify 不允许您自动播放其嵌入式播放器。很不幸，因为我也想这样做。</p> <p>我最接近的是在我的网站上创建嵌入的本地托管副本，然后添加 Javascript 来手动“<em>单击</em>”播放按钮。</p> <p>Javascript 位于结束 <pre><code>&lt;/BODY&gt;</code></pre> 标签之前：</p> <pre><code>&lt;script&gt; function autoplay() { var t = setTimeout(function(){ var button = document.querySelector(&#39;[title=&#34;Play&#34;]&#39;) || false; if (button) { console.log(&#39;Click&#39;, button) button.click() } }, 999) } document.addEventListener(&#39;DOMContentLoaded&#39;, (event) =&gt; { autoplay() }) &lt;/script&gt; </code></pre> <p>超时可能不是必要的，但我还是把它包括在内。</p> <p>这对我来说效果不一致。它第一次可以工作，但随后刷新页面就不行了。我无法更进一步。</p> <p>如果您在开发者控制台中尝试此操作，每次都会有效：</p> <pre><code>document.querySelector(&#39;[title=&#34;Play&#34;]&#39;) </code></pre> <p>如果你弄清楚了 - 请在这里发帖。</p> </answer> </body></html>

Javascript .contentDocument 对于外部 SVG 文件返回 null

我想从外部服务器加载 SVG 图像并在本地存储之前操作其中的代码。当尝试以下代码时，我得到以下图像（参见附图）。菲...

内容安全策略框架的祖先。 iOS10 中 iframe 无法加载内容

我们的 Cordova 应用程序不会在 iOS 10 上加载 iframe 内容。 我们有一些 iframe 显示应用程序内网页中的某些信息，因此我们不必复制它们。 效果很好...

嵌入式 Iframe 内容未在 IOS 设备中加载 - safari

我有 iframe 内容加载外部源。我的代码是这样的 <question vote="0"> <p>我有 iframe 内容加载外部源。我的代码是这样的</p> <pre><code>&lt;iframe title=&#34;xyz&#34; allowtransparency = &#34;true&#34; marginheight=&#34;0&#34; marginwidth =&#34;0&#34; class=&#34;investisIframe&#34; src=&#34;https://irs.tools.investis.com/Clients/uk/bt/SharePriceLookup/Default.html?culture=en-GB&#34; frameborder=&#34;0&#34; id=&#34;001&#34; width=&#34;100%&#34; height=&#34;500&#34;&gt; &lt;/iframe&gt; </code></pre> <p>上面的代码在 Android 和 Windows 设备上运行良好。 但不适用于 ios 设备。请帮我解决这个问题</p> <ol> <li>我已经尝试清除缓存仍然是同样的问题。</li> <li>通过在网址末尾添加时间戳，也会出现同样的问题。</li> </ol> </question> <answer tick="false" vote="0"> <p>iFrame 无法在 iOS 设备（尤其是 Safari）上加载内容的问题是一个常见问题。这通常源于 Safari 与第三方 Cookie 和安全策略相关的限制，例如<strong>跨域资源共享 (CORS)。</strong></p> <p><strong>为 iFrame 添加 sandbox 属性</strong> Safari 需要一定的权限才能允许加载不同来源的内容。添加具有特定值的沙箱属性可能有助于解决问题。</p> <pre><code>&lt;iframe title=&#34;xyz&#34; allowtransparency=&#34;true&#34; marginheight=&#34;0&#34; marginwidth=&#34;0&#34; class=&#34;investisIframe&#34; src=&#34;https://irs.tools.investis.com/Clients/uk/bt/SharePriceLookup/Default.html?culture=en-GB&#34; frameborder=&#34;0&#34; id=&#34;001&#34; width=&#34;100%&#34; height=&#34;500&#34; sandbox=&#34;allow-scripts allow-same-origin allow-popups&#34;&gt; &lt;/iframe&gt; </code></pre> <p>沙箱属性控制允许 iframe 执行的操作。内容加载通常需要允许脚本、允许同源和允许弹出权限。</p> <p><strong>CORS 标头</strong> 确保外部源 (<a href="https://irs.tools.investis.com/" rel="nofollow noreferrer">https://irs.tools.investis.com/</a>) 已正确配置以允许跨源访问。它应该发送正确的 CORS 标头，例如：</p> <pre><code>Access-Control-Allow-Origin: * </code></pre> </answer> </body></html>

Grafana iframe 无法在 Chrome 移动设备上显示，但可以在桌面上运行

我使用 iframe 调用在我的 WordPress 网站的页面内显示来自 Grafana 的图表。 例如，在此页面上 https://energy-stats.uk/octopus-agile-west-midlands/ 网站通过 34SP 主机托管...

使用allowRedirectInIframe标志在iframe内重定向流

我的应用程序 B 托管在另一个应用程序 A 的 iframe 内。用户旅程是用户登录到父应用程序 A，然后单击加载我的

在父级 iframe 中创建函数，使其具有函数原型

我有一个应用程序，其中 iframe 加载 Blazor 应用程序，该应用程序需要使用仅在主页中可用的函数（从 Blazor 调用）。我可以将父函数添加到 iframe 的...

如何在 JS 中将 Html 内容添加到新创建的 Iframe

我正在创建一个 Iframe 并尝试将 Html 添加到其主体中，但我不断收到错误 Cannot read property body of null。 我的代码看起来像这样： varframeToPrint = 文档。

我无法通过 Blogger 在我的网页上使用 iframe

在我的博客博客中，我可以将 iframe 与 youtube 视频一起使用，但无法显示我想要的页面。 目标页面：http://www.speakerstrainers.com/lms.html 目标内容：http://www.speakerstrain...

Google 分析和 iframe 内容 - 所有跟踪都有效吗？

我在这里看到了很多关于谷歌分析跟踪和 iframe 以及如何可能出现一些问题的帖子。也看到了这个：https://developers.google.com/analytics/devguides/collection/...

使用 Python 抓取嵌入在网站上的 powerBI 报告

我正在尝试从该网站上抓取数据：https://www.transport.nsw.gov.au/data-and-research/drives-reporting-portal/registration-snapshot-report（如果您点击第2页（共2页），您可以看到...

Selenium + Python：如何点击 Google Pay 弹出 iframe 结账上的“Pay”按钮？

更新： 这是结帐链接。单击 gPay 按钮，使用 gPay 登录 Google 以查看最终的 Pay 按钮，以完成我希望 Selenium 脚本单击的订单。 https://store.ui.com/14391668/

使用 Selenium 访问封闭影子根中的 Iframe 内的 HTML 内容

我目前正在运营一个网站，该网站包含一个具有本机封闭影子根的 Web 组件。该 Web 组件在其结构中包含一个 iframe。我的目标是利用 Seleniu...

如果我之前打开过某个网站，我只能访问它（通过 iframe）。我该如何解决它？

我有一个非常简单的 HTML。当我尝试打开它时，它抛出 403 错误。 我有一个非常简单的 HTML。当我尝试打开它时，它抛出一个403错误。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Embed</title> <style> .container { width: 100%; height: 100%; } </style> </head> <body> <object data="https://www.website_to_open.com/" class="container" type="text/html"> Alternative Content </object> </body> </html> 我认为该错误与 cookie 有关，因为如果我先打开 website_to_open.com，然后打开我的 HTML，它就可以正常工作。 您需要配置服务器以允许页面加载到 iframe 中。如果这不是您的服务器，那么您需要与网站所有者达成业务协议，以允许您的网站将他们的网站放入您的 iframe 中。 HTTP 403 Forbidden 客户端错误响应状态码表示服务器理解请求但拒绝处理它。此状态与 401 类似，但对于 403 Forbidden 响应，身份验证或重新身份验证没有区别。请求失败与应用程序逻辑相关，例如对资源或操作的权限不足。 https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/403

我只能通过iframe访问网站，如果我之前打开过它，如何修复它？

我有非常简单的html。当我尝试打开它时，它抛出 403 错误。 我有非常简单的html。当我尝试打开它时，它抛出 403 错误。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Embed</title> <style> .container { width: 100%; height: 100%; } </style> </head> <body> <object data="https://www.website_to_open.com/" class="container" type="text/html"> Alternative Content </object> </body> </html> 我认为该错误与cookie有关，因为如果我首先打开website_to_open.com，然后打开我的html，它就可以正常工作。 HTTP 403 Forbidden 客户端错误响应状态码表示服务器理解请求但拒绝处理它。此状态与 401 类似，但对于 403 Forbidden 响应，身份验证或重新身份验证没有区别。请求失败与应用程序逻辑相关，例如对资源或操作的权限不足。 https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/403 如果这不是您的服务器，那么您需要与网站所有者达成业务协议，以允许您的网站将他们的网站放入您的 iframe 中。

wordpress 网站进入 iframe 登录页面无法正常工作，出现 cookie 错误

我有一个 WordPress 网站正在运行，现在我想将 WordPress 网站放入我的另一个网站的 iframe 中。但在 chrome 中我收到以下错误。 Cookie 被阻止或不支持...

iframe 的 window.print，引导模式内带有 pdf

大家好，我尝试打印一个引导模式，其中包含一个指向本地 pdf 文件的 iframe。模态本身看起来不错。 问题是我想用我自己的按钮打印模态（不是我的按钮...

用户点击 YouTube iframe 时的键盘监听器？

我对此有一个大问题。我有一个 Javascript 网站，可以检测用户向左和向右箭头以在 Div 之间切换。但是当用户点击 YouTube Embed 时说“静音”或“取消静音”