iframe 相关问题

“iframe”是一个HTML元素,它在文档中创建“内嵌框架”,允许在同一页面中显示单独的文档。

angularjs ng-bind-html 到 iframe 正在渲染 <html> 标签之外的 HTML

我正在将页面从 $http.get 加载到 iFrame 中。 $http.get 检索完整的 HTML 页面,就好像它是本机导航到的一样,但是当我将内容附加到 iframe 时,内容是

回答 1 投票 0

如何禁用/删除 iframe 中 PDF 的弹出按钮?

</body> </html> W3学校编辑 作为 </desc> <question vote="0"> <pre><code>&lt;html&gt; &lt;body&gt; &lt;iframe src=&#34;https://drive.google.com/file/d/1e4G4Zj2sGxVULX_thHG0yiS4vJdOepE4/preview#toolbar=0&#34; /&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p><a href="https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_iframe_get" rel="nofollow noreferrer">W3学校编辑</a></p> <p>如上面的屏幕所示,我正在尝试将 PDF 从 Google Drive 加载到 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe" rel="nofollow noreferrer">IFRAME</a> 中,并尝试隐藏 PDF 的弹出按钮和导航面板。我已经在 youtube 上浏览了几个视频来隐藏工具栏和导航面板,但没有成功。</p> <p>我还参考了此链接来了解我们可以使用但找不到任何方法来实现的 iframe 属性。到处都建议<pre><code>toolbar=0</code></pre>,但我不明白为什么它在我的情况下不起作用。</p> </question> <answer tick="false" vote="0"> <p>知道要删除什么并不那么简单,但如果你向下钻取大约 6 英寻,你应该找到要删除的类</p> <p><a href="https://i.stack.imgur.com/CsFtd.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL0NzRnRkLnBuZw==" alt=""/></a></p> <p>它没有自动隐藏我,我删除了它 <a href="https://i.stack.imgur.com/kVrBP.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL2tWckJQLnBuZw==" alt=""/></a></p> <p>主要问题是,因为这是谷歌的许可财产(使用条件你不要乱搞),它会在刷新时返回。</p> <p><a href="https://i.stack.imgur.com/8VXPs.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tLzhWWFBzLnBuZw==" alt=""/></a></p> <p>要简单地使其不可见,请尝试将不透明度设置为 0</p> <p><a href="https://i.stack.imgur.com/oOEur.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL29PRXVyLnBuZw==" alt=""/></a> <a href="https://i.stack.imgur.com/lZuKD.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL2xadUtELnBuZw==" alt=""/></a></p> </answer> </body></html>

回答 0 投票 0

如何在 iframe 中禁用/删除 pdf 的弹出按钮

</body> </html> W3学校编辑 如上图</desc> <question vote="0"> <pre><code>&lt;body&gt; &lt;iframe src=&#34;https://drive.google.com/file/d/1e4G4Zj2sGxVULX_thHG0yiS4vJdOepE4/preview#toolbar=0&#34; /&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p><a href="https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_iframe_get" rel="nofollow noreferrer">W3学校编辑</a></p> <p>如上面的屏幕所示,我试图将 PDF 从谷歌驱动器加载到 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe" rel="nofollow noreferrer">IFRAME</a> 并尝试隐藏弹出按钮以及 PDF 的导航面板。我已经尝试了 stackoverflow 中建议的几乎所有解决方案,但找不到解决方案。我已经在 youtube 上浏览了几个视频来隐藏工具栏和导航面板,但没有成功。</p> <p>我还参考了此链接来了解我们可以使用但找不到任何方法来实现的 iframe 属性。到处都建议toolbar=0,但我不明白为什么它在我的情况下不起作用。 </p> <p><em><strong>注意:如果有人要否决该帖子,非常欢迎。但先提供解决方案,然后再投反对票。</strong></em></p> </question> <answer tick="false" vote="0"> <p>知道要删除什么并不那么简单,但如果你向下钻取大约 6 英寻,你应该找到要删除的类</p> <p><a href="https://i.stack.imgur.com/CsFtd.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL0NzRnRkLnBuZw==" alt=""/></a></p> <p>它没有自动隐藏我,我删除了它 <a href="https://i.stack.imgur.com/kVrBP.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL2tWckJQLnBuZw==" alt=""/></a></p> <p>主要问题是,因为这是谷歌的许可财产(使用条件你不要乱搞),它会在刷新时返回。</p> <p><a href="https://i.stack.imgur.com/8VXPs.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tLzhWWFBzLnBuZw==" alt=""/></a></p> </answer> </body></html>

回答 0 投票 0

在 Nuxt v3 + Vuetify 应用程序中嵌入远程视频

我有一个 Nuxt v3 + Vuetify 应用程序,想在我的页面中嵌入一些视频。一个来自 Youtube,另一个来自 Dailymotion,另一个来自 Invidious! 我目前正在使用 ,但是...</desc> <question vote="0"> <p>我有一个 Nuxt v3 + Vuetify 应用程序,想要在我的页面中嵌入一些视频。一个来自 Youtube,另一个来自 Dailymotion,另一个来自 Invidious!</p> <p>我目前正在使用 <pre><code>&lt;iframe&gt;</code></pre>,但我正在寻找替代方案,因为我无法再使用 iframe。</p> <p>你有什么建议? 我尝试在线搜索,发现只有相当旧的库,并且大多数库仅支持特定的提供商(Youtube、Vimeo 等...)。</p> <p>谢谢</p> </question> <answer tick="false" vote="0"> <p>我目前遇到了同样的问题,但在 youtube 上我使用了这个 <a href="https://abdus.dev/posts/youtube-oembed/" rel="nofollow noreferrer">https://abdus.dev/posts/youtube-oembed/</a> 并且它适用于我的 Nuxt 应用程序</p> </answer> </body></html>

回答 0 投票 0

滚动无法在具有嵌入式颤动应用程序的 Iframe 上工作

我有一个部署在服务器上的flutter应用程序。在网页上,我将 flutter 应用程序嵌入到 Iframe 中。 问题 当我滚动页面时,到达 iframe 后,我无法滚动...

回答 2 投票 0

Google Pay 无法在移动设备中的边缘和 Firefox 上运行,并且在所有浏览器的桌面上运行良好

我曾使用 VueJS 开发过 Google Pay。它在所有网络浏览器中工作正常,但在 Edge 和 Firefox 等移动浏览器中工作,在 Chrome 中工作。 当我们点击“Googl...

回答 1 投票 0

Chrome 现在正在 iframe 内的本地存储中阻止 Cognito 令牌

此问题于 2023 年 8 月中旬左右开始发生,并且仅发生在我们的部分用户身上。我有一个使用 Cognito 身份验证的应用程序。在浏览器中打开时,整个登录过程完全正常...

回答 1 投票 0

需要在 WIX 上为 iframe/embed URL 启用摄像头,但在 WIX iframe/Embed 上未启用摄像头

在 Wix 上,我想了解如何为 iframe 或嵌入 URL 启用摄像头。我传递的 URL 在浏览器中打开摄像头并进行了测试,但我想知道如何在 WIX 页面中启用摄像头,eve...

回答 1 投票 0

公共谷歌日历 iframe 不显示任何事件

我的日历是公开的(无论如何应该是),但没有显示我的任何事件。我很久以前就公开了日历,以为可能需要一些时间,等了至少20天,但没有chan...

回答 1 投票 0

嵌入flutter应用程序的网页在flutter iframe被触摸后不处理触摸

我们有一个 React Web 应用程序,如果打开,它会在右侧显示一个 iframe。这个 iframe 中充满了一个 flutter 应用程序。如果打开 iframe 并且用户触摸 flutter 应用程序内部,则

回答 1 投票 0

滚动到 Iframe 内网页的锚点时标题消失

我有一个带有标题和 iframe(外部)的网页,用于加载不同的网页作为内容。其中一个网页还有一个 iframe(内部)和侧边栏。将网页加载到内部 iframe 时

回答 1 投票 0

CSP 框架祖先自我指令阻止来自同一来源的页面

我有一个nodejs应用程序可以提供服务 “/”路线的index.html test.html 用于“/test”路线 app.get("/", (req, res) => { res.sendFile(path.join(__dirname + "/index...

回答 1 投票 0

如何在嵌入 webview iframe 的 google docs gview 中启用/显示下载按钮

我有一个 cordova/ionic 应用程序,可以使用 gview 在 iframe 中成功嵌入 Office 文件(IE:pdf、doc、xls)。但是,用户只能查看文档,现在出现了...

回答 1 投票 0

为什么这个 iframe 没有响应

我使用嵌入在 iframe 中的 HTML 文件来制作旋转横幅,因为我找不到任何其他方法,而且无论如何我都无法使嵌入的 iframe 响应: 这是 HTML 文件内容 ...

回答 1 投票 0

访问框架中的文档。前端测试自动化

在测试用例中,需要填写input[id="card"],它位于iframe内部。您必须使用剧作家。 在 Playwright 文档中,有一个返回 ifr 的frame()方法...

回答 1 投票 0

如何在React中监听iframe内的点击?

我正在使用 iframe 在 React 中显示获取的 HTML 文档,并希望监听 iframe 内 DOM 元素的点击。 例如,我想console.log我已经c的DOM元素...

回答 1 投票 0

使用 iframe 时如何请求刷新令牌?

我正在使用React并使用Keycloak进行身份验证。 我将多个页面中的独立页面加载到 iframe 中。 iframe 子级在加载时从父级接收访问令牌以调用 API...

回答 1 投票 0

响应式 Vimeo DIV 通过滚动嵌入到页面 80% 宽度

如何使 Vimeo 的响应式视频嵌入代码适合设置为 80% 宽度的容器 div?尽管我尝试过,但我一直无法调整尺寸以满足我的需要。我正在寻找解决方案...

回答 1 投票 0

如何在 iframe 内/从 iframe 内部关闭 iframe

我有一个来自我的网站的 iframe,我在其他一些域上使用它。该 iframe 将从窗口左侧滑出,并且仅占据该页面宽度的 600px。 我想让用...

回答 3 投票 0

单击 iframe 按钮关闭父窗口

我有一个没有ID的iframe(由第三方生成)。 iframe 嵌入在登陆页面上。当点击 iframe 上的提交按钮时,我希望窗口或登陆页面被清除...

回答 3 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.