“iframe”是一个HTML元素,它在文档中创建“内嵌框架”,允许在同一页面中显示单独的文档。
如何在 iPad 上使用 Javascript 打印 iFrame 的内容?
打印 iFrame 的内容似乎是解决跨浏览器的一个具有挑战性的问题。在测试了很多方法(其中一些也可以在这个网站上找到)之后,我当前的方法似乎
我正在 iframe 中显示本地托管的 PDF。大多数人看到页面上嵌入了 PDF,但有一些配置会提示用户下载 PDF,留下很大的空白...
为框架祖先生成重复的内容安全策略(IIS 和 Chrome)
我已将 Web 应用程序 (sub.domain.com) 发布到 Internet 信息服务 (IIS) 虚拟服务器,现在希望将其显示在 www.otherdomain.com 上的 iFrame 中。已发布的 web.config 文件...
如何在ReactJs中根据pdf内容的高度设置iframe高度?
这里我在 y 轴上得到滚动条...实际上我需要根据 pdf 高度设置高度 <question vote="0"> <p>这里我在 y 轴上获得滚动条...实际上我需要根据 pdf 高度设置高度</p> <pre><code><iframe title='Introduction' className='iframe-section' src="Docs/Introduction.pdf" frameBorder="0" scrolling="no"></iframe> </code></pre> <p>#css</p> <pre><code>#css .iframe-section{ width: 100%; height: 100vh; } </code></pre> <p>我尝试更改 <strong>height: 100%</strong> 但我无法根据其高度显示 pdf </p> <p><a href="https://i.sstatic.net/VymEy.png" rel="nofollow noreferrer"><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvVnltRXkucG5n" alt="enter image description here"/></a></p> <p><strong><em>这里我要改一下</em>,</strong></p> <p><strong>1) y 轴滚动</strong></p> <p><strong>2)基于pdf高度的高度</strong></p> <p><strong>3)黑色背景</strong></p> </question> <answer tick="false" vote="1"> <p><strong>1)</strong> 滚动是一种硬件设置,浏览器无法更改操作系统行为,因此每个浏览器应用程序都有自己的方法将硬件值中继到 HTML 行为。</p> <p><a href="https://i.sstatic.net/KFYZK.png" rel="nofollow noreferrer"><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvS0ZZWksucG5n" alt="enter image description here"/></a></p> <p><strong>2)</strong> 用于包装 PDF 扩展器的 iFrame 通常不能是动态的,因为直到内容下载然后解压缩后页面才会存在,这是先有鸡还是先有蛋的情况。如果第一次加载时没有任何内容可显示,则需要先设置视口比例,100% 高即 100% 空。</p> <p>因此,iFrame 有一个最小默认值(每个浏览器都会固定),但似乎记得实际值约为 200 像素。</p> <p><a href="https://i.sstatic.net/lOtSR.png" rel="nofollow noreferrer"><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvbE90U1IucG5n" alt="enter image description here"/></a></p> <blockquote> <p>定义和用法 height 属性指定 <pre><code><iframe></code></pre> 的高度(以像素为单位)。默认高度为 150 像素。浏览器支持语法 <pre><code><iframe height="pixels"></code></pre></p> </blockquote> <p><strong>3)</strong> 查看器支持的任何颜色都在查看器中设置</p> <p><a href="https://i.sstatic.net/zgJlD.png" rel="nofollow noreferrer"><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvemdKbEQucG5n" alt="enter image description here"/></a></p> </answer> </body></html>
我有一个 iFrame,其中包含我无法控制的内容。在某些情况下,此 iFrame 会重定向我想要阻止的顶部窗口。理想情况下,我想拦截此重定向,检索
注册时(即访问应用程序时),我们需要获得用户的许可才能邀请他们的朋友使用该应用程序。当用户使用完应用程序并且图片显示在他们的墙上时,我们...
我们正在开发一个 facebook iframe 应用程序,它将一些图像(通过 API)拉到当前用户相册(创建一个新相册)。 用户使用 facebook 查看他新上传的相册照片
使用 Selenium Webdriver 与 Stripe Card Element iFrame 交互 - Cucumber/Selenium Java
我有一个表单,我想在 Java 中使用 Cucumber 和 Selenium Webdriver 来自动化 - 在这个表单中,我们有一个从 Stripe 使用的卡片元素。我们称之为 div,剩下的由 stripe 完成。我是...
有没有办法在 iframe 之外捕获控制台? 我正在开发一个类似于 jsFiddle 的在线 IDE,我想让用户选择至少读取 javascript 的结果
Puppetear 在 js 中不显示带谷歌地图的 iframe
我有从 FE 到 Node js BE 的 html 模板。该模板包含带有谷歌地图的 iframe。我需要渲染这个模板,制作屏幕截图并将文件发送回 FE。模板工作...
Python Selenium 在 html 页面中嵌套 div 和 iframe
我想访问嵌套html页面中的按钮:多个div和iframe 按钮位于复杂的 html 页面中。如何切换驱动到对应的框架。 driver.find_element(通过...... ...
quarto markdown 到 Revealjs 或 html:Desmos 嵌入的 iframe 未加载
我正在用 Markdown 制作幻灯片,然后将其转换为四开的 RevealJS 演示文稿。我想嵌入 Desmos 中的 iframe,以显示一些漂亮的交互式图表。 iframe 未加载。哈...
如何设置Youtube iframe嵌入高清(2022年版)
我在页面上嵌入了整页 Youtube 视频,最近我注意到它默认为低质量。我发现这是一个常见问题,在不同时间点有不同的解决方案,所以我...
Superset iframe 始终固定为 300x150,无法更改
我正在尝试使用 https://www.tetranyde.com/blog/embedding-superset 上的文章将 Superset 中的现有仪表板嵌入到 React 应用程序中。我使用的是嵌入式SDK。一切都看到...
我正在学习网络抓取以进行数据分析。 我已经成功检索了此页面上的几个感兴趣的元素,例如标题、日期、点赞数等。https://old.reddit.com/r/JoeRogan/comments/cmx...
如何使 iframe 的友好内容无缝地成为页面的一部分,并从父页面继承样式?
如何从 iframe 的父级继承字体样式。 如果这是不可能的,还有什么替代方案吗? 我维护一个小网站。主菜单如下所示: <
如何从 iframe 的父级继承字体。 如果这是不可能的,还有什么替代方案吗? 我维护一个小网站。主菜单如下所示: 如何从 iframe 的父级继承字体。 如果这是不可能的,还有什么替代方案吗? 我维护一个小网站。主菜单如下所示: <!DOCTYPE html> <html lang="nl"> <meta charset="utf-8"> <title>Container for iframe</title> <style> html, body, #main { height: 100%; } iframe { height: 100%; width: 100%;} body, #main { font-family: sans-serif; } #main { background-color: azure; } iframe, #main { height: 100%; width: 100%; } </style> <p>Container for iframe</p> <p><a href="choice-1.html" target="content">Inherit font from iframe</a> <p><a href="choice-2.html" target="content">Choice two</a> <div id="main" style="background-color: azure; color: red"> <p>Show iframe below: <iframe name="content" src="choice-1.html"> <p>Fall back. </iframe> </div> </html> 这是子页面的html: <!DOCTYPE html> <html lang="nl"> <meta charset="utf-8"> <title>Test</title> <style> html, body {font-family: inherit;} </style> <h1>I am choice one</h1> <p>I try to inherit the font from my parent, but failed... </html> 问题是该网站应该可由对 html、css 和 javascript 知识有限的人进行管理。一个简单的解决方案将不胜感激。 Iframe 不会自动从父页面继承样式。但是,您可以在 iframe 的 URL 中将字体样式作为参数传递。 src="choice-1.html?font=sans-serif" 通过这种方式将字体信息发送到子页面,子页面可以从 URL 检索。您可以使用名为 URLSearchParams 的 JavaScript 功能来实现此目的。 这是您需要添加到子页面的脚本: <script> const urlParams = new URLSearchParams(window.location.search); const font = urlParams.get('font'); if (font) { document.body.style.fontFamily = font; } </script>
Samesite cookie 设置如何与 iframe 配合使用
我必须将带有 iframe 的页面嵌入到不同的域页面。 该 iframe 加载了一个 jwt 令牌,用于对域 B 中的用户进行身份验证。 此响应创建一个会话 cookie 并重新加载
如何进行 url 重定向以在 WordPress 的 iframe 中打开
我正在使用Wordpress,我有一个重定向到外部Url的页面,我想让这个Url在Iframe中打开而不是常规重定向。我希望用户被重定向但保持...