iframe 相关问题

具有经过验证的域的 iFrame 中的 Apple Pay

TL;DR 我想在 iFrame 中显示 Apple Pay，其中两个域（iFrame 域和顶级域）均通过 Apple Pay 进行验证。它不起作用。有什么提示吗？ 你好！我在

如何检测窗口 iframe 中的 URL 变化

我已经在加载组件时创建了一个 iframe 窗口， 使用效果（（）=> { if (iframeurl?.length) { const windowOptions = "宽度=400,高度=400"; const myWindow = window.open(

如何让 iframe 内容确定 CSS 网格项的高度

首先，我可以完全访问 iframe 内容以及父页面。但我遇到了一个挑战，试图找出为什么我的 iframe 的内容不能确定完整的 h...

Youtube 嵌入视频在 Google 搜索控制台中显示没有索引的视频

我的网站上有超过 10-15 个 YouTube 嵌入视频。当我检查 Google Search Console 时，所有视频都显示以下消息： 没有视频索引 - 该视频不会出现在...

iframe 仍然是个好主意吗？

我需要能够在浏览器中的网站上呈现文档。 （不是下载它）我知道解决这个问题的方法（无需向第三方软件付费）是 iram...

如何保护自己的 iFrame 免遭身份验证令牌被盗？

我目前在为 ChatBot 创建 iFrame 时遇到问题。 情况如下。用户 A 想要将我的 ChatBot 嵌入到他的网站 www.websiteUserA.com 上。用户 A 被我认可了

在我的 Blazor 服务器应用程序中，我有一个带有 iframe 的 razor 页面，其中包含 pdf。我希望 pdf 在包含字符串的特定行打开

在我的 Blazor 服务器应用程序中，我有一个带有 iframe 的 razor 页面，其中包含 pdf 文件。我希望当剃刀页面打开时，pdf 在特定行打开，其中标题为“Explanatio...

Vimeo 视频无法在某些网络上的 Safari 中播放

Vimeo 的奇怪问题，嵌入的 Vimeo 视频在 chrome、safari、mozzila、explorer 上正常播放，当页面加载视频时自动播放。但是当我连接到不同的 wifi 时，Sa 出现问题...

在 Android Web 视图中自动播放 Youtube

Youtube 自动播放标签在 Android Webview iframe 中不起作用。 如何删除cc标签？ HTML需要在webview中加载： 。中心{ 位置： </desc> <question vote="1"> <p>Youtube 自动播放标签在 Android Webview iframe 中不起作用。 如何去掉cc标签？</p> <p>HTML需要在webview中加载：</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;style&gt; .center{ position: absolute; margin: auto auto; right: 0; left: 0; bottom: 0; top: 0; } &lt;/style&gt; &lt;body style=&#34;background:#000&#34;&gt; &lt;iframe id=&#34;videoContainer&#34; class=&#34;center&#34; width=&#34;100%&#34; height=&#34;300&#34; src=&#34;https://www.youtube.com/embed/Vt-Wf7d0CFo?rel=0&amp;controls=1&amp;showinfo=0&amp;autoplay=1&#34; frameborder=&#34;0&#34; allow=&#34;autoplay; encrypted-media&#34; allowfullscreen&gt; &lt;/iframe&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>网站上使用相同的代码。</p> <p>Content 变量保存上面提到的 html。 当前的 Android 代码：</p> <pre><code> mWebView.getSettings().setJavaScriptEnabled(true); mWebView.getSettings().setAppCacheEnabled(false); mWebView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE); mWebView.getSettings().setMediaPlaybackRequiresUserGesture(false); view.loadDataWithBaseURL(null, content, &#34;text/html&#34;, &#34;utf8&#34;, view.getUrl()); </code></pre> </question> <answer tick="false" vote="2"> <p>自 Android SDK 17 起默认禁用自动播放，您可以将 setMediaPlaybackRequiresUserGesture 设置为 false 以重新启用自动播放。然后你还需要检查SDK版本，因为早期版本没有这个功能。</p> <p>检查：</p> <pre><code>int SDK_INT = android.os.Build.VERSION.SDK_INT; if (SDK_INT &gt; 16) { engine.getSettings().setMediaPlaybackRequiresUserGesture(false); } </code></pre> </answer> <answer tick="false" vote="0"> <p>您的 src 属性中的 url 格式似乎错误</p> <p><a href="https://www.youtube.com/embed/5jnqWIlaLyA?rel=0&controls=1&showinfo=0&autoplay=1&cc_load_policy=3" rel="nofollow noreferrer">https://www.youtube.com/embed/5jnqWIlaLyA?rel=0&controls=1&showinfo=0&autoplay=1&cc_load_policy=3</a> </p> <p>另请检查此网址以获取参考：</p> <p><a href="https://developers.google.com/youtube/player_parameters" rel="nofollow noreferrer">https://developers.google.com/youtube/player_parameters</a></p> </answer> </body></html>

supabase.auth.onAuthStateChange 当 React 应用程序位于 iframe 中时不起作用

我在 https://example.com 托管的 React 应用程序中使用 Supabase 用户身份验证，当浏览器位于不同的浏览器时，该应用程序在由 Chrome 扩展 chrome-sidebar 注入的 iframe 内运行

使 iframe 在所有屏幕上保持相同的宽高比

我希望无论您使用什么设备，youtube iframe 都具有相同的宽高比。因此，当屏幕为 720px 或更小时，iframe 的宽度为屏幕的 100%，高度将更改为...

从 iframe 中删除滚动条

我有一个来自 Google 文档的表格，我将其嵌入到我的网站中，我希望我指导的学生填写，但滚动条让我很烦。有什么办法可以摆脱它吗？ <p>我有一个来自 Google 文档的表格，我将其嵌入到我的网站中，我希望我指导的学生填写，但滚动条让我很烦。有什么办法可以去掉吗</p> <pre><code>&lt;iframe src=&#34;https://docs.google.com/forms/d/1kMdmk_f4jrAWwZi6q3YD63oUQAg2hvdheAQ-pY_2FRY/viewform?embedded=true&#34; width=&#34;760&#34; height=&#34;500&#34; frameborder=&#34;0&#34; marginheight=&#34;0&#34; marginwidth=&#34;0&#34;&gt;Loading...&lt;/iframe&gt; </code></pre> </question> <answer tick="false" vote="15"> <p>使用滚动=“否”</p> <pre><code> &lt;iframe src=&#34;https://docs.google.com/forms/d/1kMdmk_f4jrAWwZi6q3YD63oUQAg2hvdheAQ-pY_2FRY/viewform?embedded=true&#34; width=&#34;760&#34; **scrolling=&#34;no&#34;** height=&#34;500&#34; frameborder=&#34;0&#34; marginheight=&#34;0&#34; marginwidth=&#34;0&#34;&gt;Loading...&lt;/iframe&gt; </code></pre> </answer> <answer tick="false" vote="3"> <p>我不确定是单滚动条还是双滚动条让您烦恼...根据您嵌入的形式，某些部分可能比其他部分大，并且需要滚动才能继续形式。</p> <p>我在这里很菜鸟，但使用他们的 html 嵌入工具修复了 wix 网站的烦人的双滚动条问题...</p> <p>采用谷歌表单嵌入代码，我在开头添加了“样式”表，并将高度和宽度更改为“100％”，请参见此处：</p> <pre><code>&lt;style type=&#34;text/css&#34;&gt; body {margin:0; overflow: hidden;} iframe {border: none;} &lt;/style&gt; &lt;iframe src=&#34;YOUR SOURCE&#34; width=&#34;100%&#34; height=&#34;100%&#34; frameborder=&#34;0&#34; marginheight=&#34;0&#34; marginwidth=&#34;0&#34;&gt;&lt;/iframe&gt; </code></pre> </answer> <answer tick="false" vote="3"> <p>我发现如果您将表单的高度更改为 2000，则您的表单适合您的网站，无需滚动</p> <p>例如宽度=“650”高度=“2000”</p> </answer> <answer tick="false" vote="0"> <p>你可以尝试CSS：<pre><code>overflow-y: hidden;</code></pre></p> </answer> <answer tick="false" vote="0"> <p>我已经尝试了所有这些，但没有任何效果。</p> </answer> </body></html>

沙盒环境下无法加载iframe

我正在尝试在网页中启用沙箱来加载 iframe，但它显示错误： 加载焊盘时发生错误 未捕获的安全错误：无法在“Do...”上设置“域”属性

如何静音 iframe 内容？

我有一个第 3 方 iframe，其中包含来自 youtube、vimeo 等的视频。 是否有一种通用方法可以独立于视频/音频源将 iframe 内容静音？

如何解决此错误“祖先违反了以下内容安全策略指令：“frame-ancestors 'none'”

尝试在 I-fram 中加载 URL 时出现此错误。 请在这件事上给予我帮助。 错误：“祖先违反了以下内容安全策略指令：“frame-ancestors 'none' 谢谢你

使用 Selenium 查找活动 iframe

我正在尝试使用 Selenium WebDriver 导航页面，并且遇到问题，该页面中最多有 3 个 iframe，但只有一个处于“活动”状态，其他设置为显示：无 每次我...

Postmessage 功能在移动设备上无法使用，但在桌面设备上可以使用

我正在尝试创建一个小部件，该小部件将有一个按钮，当有人单击该按钮时，会弹出一个窗口。该弹出窗口也包含按钮，可以完成任务。 这是弹出代码- 我正在尝试创建一个小部件，该小部件将有一个按钮，当有人单击该按钮时，会出现一个弹出窗口。该弹出窗口也包含按钮，可以完成任务。 这是弹出代码- <div class="modal" id="myModal"> <div class="modal-content"> <span class="close-btn" id="closeModalBtn">&times;</span> <iframe id="modelIframe" src="base_url/modelviewer.html" style="width: 280px; height: 200px;" allow="xr-spatial-tracking" frameborder="0"></iframe> <p>View this product in 3D</p> <button id="activateAR" style="padding: 10px 10px;border: none; ">See in 3D</button> </div> </div> 因此，当此弹出窗口可见并且用户单击按钮（ID为“activateAR”）时，我调用以下函数- function activateARFunction() { console.log("data",document); const iframe = document.getElementById('modelIframe'); iframe.contentWindow.postMessage('activateAR', '*'); } document.getElementById('activateAR').addEventListener('click', activateARFunction); 和 modelviewer.html（我在其中接收消息）- <script> window.addEventListener('message', (event) => { console.log("button without data ","received"); if (event.data === 'activateAR') { console.log("button ","received"); } }); </script> 当我在桌面上运行此代码时，我的 modelviewer.html 收到 postmessage 数据，即 console.log("button without data ","received"); 但是，当我在移动设备上运行它时，它不会打印任何内容。控制台也没有错误。 window.postMessage在移动浏览器中不受欢迎 您可以在这里查看哪些浏览器支持它： https://caniuse.com/?search=postMessage

如何在用户导航到 Gmail 等第三方网站后让用户返回我的应用程序

我想在单一应用程序模式下运行我的应用程序，但让用户能够导航到我选择的几个网站，例如 Gmail。当我尝试将 Gmail 添加到我的应用程序中时遇到此问题：

在R中从网页上的特定iframe中提取图形数据

我想提取网站上图表中显示的数据并自动下载。 这是标题后的第一张图表：“办公楼投资价格（总欧元 psqm）” 上：https://...

从 iframe 中运行 wordpress 端点

让我尝试解释我的问题。第三方做了一个wordpress端。当用户按下按钮时，我的软件将在 iframe 中运行。它是在 React 中制作的，仅供参考。当用户