“iframe”是一个HTML元素，它在文档中创建“内嵌框架”，允许在同一页面中显示单独的文档。
使用 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。模态本身看起来不错。 问题是我想用我自己的按钮打印模态（不是我的按钮...
我对此有一个大问题。我有一个 Javascript 网站，可以检测用户向左和向右箭头以在 Div 之间切换。但是当用户点击 YouTube Embed 时说“静音”或“取消静音”
我们有一个本地 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>