“iframe”是一个HTML元素，它在文档中创建“内嵌框架”，允许在同一页面中显示单独的文档。
我们有一个本地 Power BI 报表服务器。 我创建并发布了一份报告，我想将其嵌入网页中， 然后我在 power bi 门户中设置了计划数据刷新，每隔一次
所以我目前正在将 GoHighLevel 的表单嵌入到页面上，如您所见，它将加载一小会儿，然后消失，直到您打开其中一个页面...
我想要在我的网站中嵌入 Google 表单，因此我获取了嵌入代码并将其粘贴到我的页面中。 <p>我想在我的网站中嵌入 Google 表单，因此我获取了嵌入代码并将其粘贴到我的页面中。</p> <pre><code><iframe src="https://docs.google.com/forms/d/1u1NO8u4vu6Q9XuUNigo4qy22hjvRmL-HFIRVsgiaL9c/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe> </code></pre> <p>（这就是谷歌给我的）</p> <p>一切工作正常，但它是一个 iframe，所以我无法使用 CSS 编辑它的外观。 Google 文档的默认主题与我的网站不匹配，因此我想要此页面的 CSS。我尝试下载 <a href="https://docs.google.com/forms/d/1u1NO8u4vu6Q9XuUNigo4qy22hjvRmL-HFIRVsgiaL9c/viewform" rel="noreferrer">https://docs.google.com/forms/d/1u1NO8u4vu6Q9XuUNigo4qy22hjvRmL-HFIRVsgiaL9c/viewform</a> 作为html，但这样我没有得到css文件。我必须自己创建它还是有其他解决方案来解决我的问题？</p> </question> <answer tick="true" vote="5"> <p>您只需复制 html 的表单部分并将其粘贴到您的页面即可。它将发布到谷歌，你仍然可以完全控制它。 </p> <p>当它是 iframe 时，你无法设置它的样式。</p> <p>请参阅此处了解更多相关提示： <a href="http://morning.am/tutorials/how-to-style-google-forms/" rel="noreferrer">http://morning.am/tutorials/how-to-style-google-forms/</a></p> </answer> <answer tick="false" vote="1"> <p>您应该使用 <pre><code><form></code></pre> 标签而不是嵌入 Google 表单。这是因为嵌入表单的样式可能与您的网站方案不匹配。 以下是您可以如何做到的。</p> <ol> <li>创建 Google 表单。</li> <li>获取链接并在新选项卡中打开表单。</li> <li>创建一个准系统表单，其项目与 Google 表单相同。</li> <li>检查 Google 表单中的 <pre><code>action</code></pre> 属性。 <ol start="4"> <li>a.将相同的操作复制到您的表单中。</li> </ol></li> <li>检查并查找 Google 表单中属性 <pre><code>name</code></pre> 的值。 <ol start="5"> <li>a.也为您的表单项提供相同的名称值。这些值看起来像 <pre><code>entry.742532386</code></pre>。</li> </ol></li> <li>检查您的表单是否收到回复。</li> </ol> <p><strong>阅读更多<a href="https://blog.webjeda.com/google-form-customize/" rel="nofollow noreferrer">这里</a></strong></p> </answer> <answer tick="false" vote="0"> <p>一切都很好，但有一个后续问题。如果您有两部分问题怎么办？</p> <p>我们都知道当我们有一个包含简单信息（姓名、电子邮件、电话号码）的部分时该怎么做，但是当我们在某种条件下出现第二部分时我们应该做什么？ Google Forms 集成了此功能，但我不知道如何在自定义 HTML 中重现它。</p> </answer> </body></html>
我有一个网络应用程序，我想在具有不同域的网络应用程序的 iframe 中显示它。由于我添加了内容安全策略标头，我的应用程序拒绝在 iframe 中显示。我发现我需要...
检测是否有元素或 iframe 覆盖在我的 iframe 之上以防止点击劫持
检测是否有元素或 iframe 覆盖在我的 iframe 之上 我有一个 iframe，可以根据内容安全策略嵌入到任何网站中。 有没有办法让我的 iframe ...
当文件类型为application/octet-stream时，如何强制iframe预览内容？
我正在开发一个 Web 应用程序，需要在 iframe 中显示文件预览。这些文件的内容类型为 application/octet-stream，但不是预览内容，而是
所以，问题是：我有一个很长的页面，中间有一个 iframe。现在，如果在 iframe 中单击锚点，整个页面就会滚动到 iframe，这是我想避免的。 ...
如何让iframe使用父页面的css和javascript？
我正在使用 mvc5 开发一个门户，在该门户上我有一个包含 iframe 元素的页面，例如： <p>我正在使用 mvc5 开发一个门户，在该门户上我有一个包含 iframe 元素的页面，例如：</p> <pre><code><div class="tab-pane fade in active" id="mgArea"> <iframe id="iframeMgMap" src="@(string.Format("../../mapData/infoMarko/?WEBLAYOUT={0}",Model.MgPath))" frameborder="0" scrolling="no" style="width:100%;height:100%;"> </iframe> </div> </code></pre> <p>门户和 Iframe 的内容位于同一 IIS 上并在同一池上运行。</p> <p>我在门户中添加了一些CSS样式（如bootstrap.css等）以及一些javascript库和插件（如bootstrap.js和jquery）。</p> <p>我的问题 - 是否可以使 iframe 使用与其父页面相同的 css 样式和 javascript 库和插件？</p> </question> <answer tick="false" vote="1"> <p>我的第一个问题是为什么使用 iframe。如果您信任 <pre><code>iframe</code></pre> 中的代码并且希望从父级继承 css 和 js，为什么不使用普通的 <pre><code>div</code></pre> 或其他 html 元素呢？</p> <p>但是，如果您仍然有充分的理由使用 iframe，则可以使用 <pre><code>window.parent</code></pre> 访问父级。</p> </answer> <answer tick="false" vote="1"> <p>您可以使用 <a href="https://www.w3schools.com/tags/tag_link.asp" rel="nofollow noreferrer">html 链接标签</a>包含“内页”。</p> <blockquote> <p>标签定义文档和外部资源之间的链接。</p> </blockquote> <p>请参阅以下示例：</p> <p>文件<strong>test.html</strong>：</p> <pre><code><!DOCTYPE html> <html lang="en-US"> <head> <title>Test</title> <link rel="import" href="test2.html"> </head> <body> <p>Main page</p> <p id="innerpage"></p> </body> </html> <script> var content = document.querySelector('link[rel="import"]').import; console.log(content); var inner = document.getElementById("innerpage"); inner.append(content.body) </script> </code></pre> <p>文件<strong>test2.html</strong>：</p> <pre><code><!DOCTYPE html> <html lang="en-US"> <head> <title>Test 2</title> </head> <body> <p>Test 2 page</p> </body> </html> </code></pre> <p>由于 CORS 限制，我无法小提琴。</p> <p>希望对你有帮助，再见。</p> </answer> </body></html>
我的项目一个月前工作得很好，现在经过几次颤动更新后，我的 iFrame 小部件在其所需的渲染框中错误居中。第一张图片是错误的行为，第二张是...
我正在开发一个用 flutter 构建的播客应用程序，想要为应用程序上特定类别的剧集生成一个 iframe，并将 iframe 添加到外部网站，其中显示的内容...
当用户访问我们网站的下载页面时，它会自动开始下载。该页面有一个 display:hidden iframe，其 src 指向安装程序文件： <p>当用户访问我们网站的下载页面时，它会自动开始下载。该页面有一个 <pre><code>display:hidden</code></pre> iframe，其中 <pre><code>src</code></pre> 指向安装程序文件：</p> <pre><code><iframe src="/path/to/installer.dmg"></iframe> </code></pre> <p>到目前为止效果很好。但我的 Chrome 扩展程序：“Web 开发人员”记录了此警告消息</p> <blockquote> <p>资源解释为文档，但使用 MIME 类型 application/octet-stream 传输</p> </blockquote> <p>那么，有没有办法显式声明 installer.dmg 的 content-type 为 <pre><code>octet-stream</code></pre>，这样浏览器就不会感到困惑？</p> </question> <answer tick="true" vote="14"> <p>由于之前的答案之一引用了损坏的链接，我将在这里给出我的答案。</p> <p>如果您尝试指定具有特定扩展名的文件的 mime 类型，您可以将其添加到 .htaccess：</p> <pre><code>AddType application/octet-stream .dmg </code></pre> <p>但是，这并不能保证浏览器会“下载”该文件。例如 Chrome 无法识别这一点。因此，这是一种强制“下载”某种类型的文件的方法：</p> <pre><code><FilesMatch "\.(?i:dmg)$"> ForceType application/octet-stream Header set Content-Disposition attachment </FilesMatch> </code></pre> <p>扩展名 (dmg) 周围的一点正则表达式只是为了使其不区分大小写。</p> <p>您可能需要清除浏览器缓存才能正常工作。</p> <p>这适用于最新的 Chrome、Firefox 和 IE8（截至 2013 年 8 月）。我还没有在最新的 IE 或 Safari 中进行测试，所以如果有人拥有这些浏览器并且可以测试它们，请在下面的评论中确认它们是否有效。</p> </answer> <answer tick="false" vote="0"> <p>将这些行插入虚拟主机配置中的 docroot 目录中：</p> <pre><code><Directory path/of/your/docroot/directory> <Files path/of/your/file> Header set Content-type "mime/type" </Files> </Directory> </code></pre> </answer> <answer tick="false" vote="-1"> 如果您的网络服务器是 Apache，则<p><a href="http://www.flashcentral.com/Tech/Server/Apache.htm" rel="nofollow">此页面</a>有您需要的内容。 基本上你要做的就是告诉 apache 任何带有 .dmg 扩展名的文件都具有 application/octet-stream 的 mime 类型。</p> </answer> <answer tick="false" vote="-1"> <p>问题是您正在使用安装程序文件作为网页 您可以做的就是在文档准备好后在弹出窗口中打开安装程序页面 你可以阅读这个（使用jquery）：<a href="http://choosedaily.com/1178/15-jquery-popup-modal-dialog-plugins-tutorials/" rel="nofollow">http://choosedaily.com/1178/15-jquery-popup-modal-dialog-plugins-tutorials/</a> 或者这个（没有jquery）：<a href="http://www.quirksmode.org/js/popup.html" rel="nofollow">http://www.quirksmode.org/js/popup.html</a></p> </answer> </body></html>
离线时，可以使用fetch()等方式访问cacheStorage。 的src标签中输入的地址不会绕过cacheStorage，导致无法查看站点。 使用 fetch()...</desc> <question vote="0"> <p>离线时，可以使用fetch()等方式访问cacheStorage</p> <p><iframe>的src标签中输入的地址不会绕过cacheStorage，导致无法查看站点。</p> <p>使用fetch()从cacheStorage中收集文本信息，将其转换为blob，并使用URL.createObjectURL()获取blob地址，它在<iframe>标签中工作。</p> <p>但是，链接到html文件的脚本等文件也无法从cacheStorage加载，导致页面中断。</p> <p>有什么好主意吗？</p> <p>------</p> <p>如何重现动作</p> <p>此链接是我正在开发的支持 Offline-pwa 的页面：</p> <p><a href="https://is2you2.github.io/godotchat_pwa/" rel="nofollow noreferrer">is2you2.github.io/godotchat_pwa</a></p> <p>当你进入一个页面时，它会在cacheStorage中存储大约1527个页面文件。全部存储后，离线即可正常工作。</p> <p>配置重现操作的环境：</p> <p>1.底部的第二个选项卡：在“频道”选项卡中，单击“+”按钮以创建任意名称的频道。</p> <p>2.进入创建的通道并发送*.blend 文件。可以从此链接接收示例 *.blend 文件。 (<a href="https://pjcone.ddns.net:9002/cdn/698b3733-e58f-4ed5-bdef-064cd360a8e9_56879697-530d-48df-b5a4-6aac321e55e0_untitled_1725113514642.blend" rel="nofollow noreferrer">pjcone.ddns.net:9002/cdn/…</a>)</p> <p>3.当文件发送到通道时，会创建一个灰色方框。单击该框将打开 *.blend 文件。</p> <p>4.虽然有一些错误，但重要的是它能打开。以上就是在线测试的全部内容了。</p> <p>5.当您将网络状态更改为离线并尝试再次打开发送到频道的文件时，它无法打开。</p> <p>打开 *.blend 文件时，操作是在 JavaScript 中创建一个 iframe 对象并在 src 中打开“assets/js.blend/index.html”。当fetch()这个地址时，通常会从cacheStorage接收页面信息。但是，它不在 iframe 中。</p> </question> <answer tick="false" vote="0"> <p>近年来，为了阻止用户跟踪并提高浏览器安全性，iframe 可以访问的内容受到越来越多的限制。</p> <p>还有一些较新的功能，例如通过 http 标头或 iframe 标记本身上的 <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Permissions_Policy" rel="nofollow noreferrer">allow</a> 属性设置 <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/allow" rel="nofollow noreferrer">Permission Policy</a>。这可能会有所帮助。</p> <p>另一个选项是新的 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fencedframe" rel="nofollow noreferrer"><pre><code><fencedframe></code></pre></a> 标签，它是一种新型框架，能够与父页面共享一些资源，其中包括存储。但是，目前它仅适用于基于 Chrome 的浏览器。</p> </answer> </body></html>
我有关于 iframe 的简单问题，我想从 iframe 中的源中删除页眉和页脚，我尝试剪切并指向内容，但它不起作用，你有任何
通过window.posMessage()传递访问令牌，安全吗？
我有一个JavaEE项目，它是一个整体。前端部分是用GWT开发的。 GWT 还通过 iFrame 加载在 Angular 中开发的其他单页应用程序。 从安全角度来看，是...
我有多个角度组件，它们都包含不同的 IFrame。我遇到的问题是，当我在应用程序中导航时，它会触发 IFrame 的重新加载。有没有办法坚持下去...
如何将 iframe 分配给 div 元素的innerHTML
我正在尝试将 iframe 分配给 div 元素的innerHTML，但我不知道如何让它呈现。这是一些相关的片段 函数 showText(debugElement, 消息) { 如果（调试El...
使用 iframe 开发网站。 有些链接，如果您选择“在新选项卡中打开”，将仅打开 iframe 内容。 我想知道是否有一种简单的方法来“劫持”（在设计上......
如何使用Selenium和Python通过buster扩展绕过ReCaptcha
目前，我使用 selenium 自动化一些流程，需要解决 Google ReCaptcha 问题。解决ReCaptcha所使用的技术是浏览器，Plugin Buster。我使用 ...
将字符串中的值添加到 Google Ads 作为转化价值问题
在我的网站上，我通过 iframe 表单生成潜在客户。基于“感谢页面”，我向 url 字符串添加一个值，例如： https://www.website.nl/thank-you?ids=5 ids 值 5 是来自...的值