iframe 相关问题

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

useEffect中声明的Interval没有被清除

Interval 在 useEffect 中声明。此间隔继续进行，并有条件地设置 iframe 上的 src 属性，由 useRef 引用。目标是重新加载 iframe，如果尚未加载...

javascript reactjs typescript iframe react-hooks

回答 1 投票 0

iframe 无法正确加载某些 YouTube 视频

我将 iframe 元素从 React 应用程序中分离到 html 文件中，以在浏览器中打开它（其中只有 iframe 的 html）并查看它是否有效，我遇到了以下相同的问题：一些 YouTube 视频...

html google-chrome iframe youtube mozilla

回答 1 投票 0

在电子和 iframe 中运行 powerbi 嵌入报告

我在 url 类型上遇到了 powerBi 报告的问题： https://app.powerbi.com/reportEmbed?reportId=XXX&autoAuth=true&ctid=YYY 我在 iframe 中的 Electron 29.2.0 中启动它我有这个错误...

reactjs iframe powerbi electron

回答 1 投票 0

为什么 !!window.frameElement 返回 false，即使 ui 显示嵌入在 Angular 中的 iframe？

我正在尝试将 ifarme 嵌入到我的角度应用程序中。 iframe 成功嵌入后我有一些场景要做，但我得到的结果是 !!window.frameElement false 我很期待...

angular iframe embed src angular-dom-sanitizer

回答 1 投票 0

如何在React中的useEffect中定义变量？

下面是我从 localStorage 获取名字的变量：让 = 名字 = localStorage.getItem("firstName") ？ localStorage.getItem("firstName") : ''; 我在上面添加了...

reactjs iframe local-storage

回答 1 投票 0

延迟加载新视频后停止其他视频 - jQuery 和 YouTube API

我的场景 - Codepen（不要忘记向下滚动）我正在使用lazyframe 插件来延迟加载我的YouTube iframe 视频。单击播放按钮后，每个视频都会添加到 DOM。有一个

javascript jquery iframe youtube-api

回答 2 投票 0

在 iframe 中强制使用深色模式，无论用户是浅色模式还是深色模式

是否可以使用在我的网站中显示另一个网站，但想要显示该网站的暗模式版本，即使用户使用的是亮模式。 <iframe height=&...</desc> <question vote="1"> <p>是否可以使用 <pre><code><iframe></code></pre> 显示我网站中的另一个网站，但想要显示该网站的深色模式版本，即使用户使用的是浅色模式。</p> <pre><code><iframe height="610" src="https://www.are.na/gemma-copeland/internet-explorers/embed" style="filter: invert(1);" title="Gemma Copeland’s Are.na channel “Internet Explorers”" width="100%" > </iframe> </code></pre> <p>反转滤镜并没有真正起作用，因为它反转了所有颜色，然后在黑暗模式下将其反转回白色。</p> </question> <answer tick="false" vote="-1"> <p>反转过滤器确实会导致颜色反转问题，特别是如果网站已经应用了自己的样式。正如您所注意到的，对 iframe 应用 invert(1) 将反转所有颜色。</p> <p>您可能需要应用额外的 CSS 规则来调整 iframe 中的颜色、背景和其他样式。</p> <p>示例：</p> <pre><code><iframe src="https://www.example.com" style="width: 100%; height: 500px;" title="Embedded Website"> <style> /* Override body background color */ body { background-color: #222; } /* Override text color */ body, p, h1, h2, h3, h4, h5, h6 { color: #fff; } /* Override link color */ a { color: #ffcc00; } /* Override other styles as needed */ </style> </iframe> </code></pre> <p>您可以参考的一些链接是：</p> <p>MDN 网络文档 - iframe : <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe" rel="nofollow noreferrer">MDN 网络文档 - iframe</a></p> <p>MDN Web 文档 - CSS 继承和级联： <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance" rel="nofollow noreferrer">MDN Web 文档 - CSS 继承和级联</a></p> </answer> </body></html>

html css iframe

回答 0 投票 0

有没有办法在 iframe 中强制使用深色模式，无论用户使用浅色还是深色模式？

我使用 iframe 来显示我网站中的另一个网站，但想要显示该网站的深色模式版本，即使用户使用的是浅色模式，这可能吗？ <p>我正在使用 iframe 来显示我网站中的另一个网站，但想要显示该网站的深色模式版本，即使用户使用的是浅色模式，这可能吗？</p> <p><pre><code><iframe height="610" src="https://www.are.na/gemma-copeland/internet-explorers/embed" style="filter: invert(1);" title="Gemma Copeland’s Are.na channel “Internet Explorers”" width="100%"></iframe></code></pre></p> <p>我尝试使用反转滤镜，但这并没有真正起作用，因为它反转了所有颜色，然后在黑暗模式下将其反转回白色。</p> </question> <answer tick="false" vote="0"> <p>反转过滤器确实会导致颜色反转问题，特别是如果网站已经应用了自己的样式。正如您所注意到的，对 iframe 应用 invert(1) 将反转所有颜色。</p> <p>您可能需要应用额外的 CSS 规则来调整 iframe 中的颜色、背景和其他样式。</p> <p>示例：</p> <pre><code><iframe src="https://www.example.com" style="width: 100%; height: 500px;" title="Embedded Website"> <style> /* Override body background color */ body { background-color: #222; } /* Override text color */ body, p, h1, h2, h3, h4, h5, h6 { color: #fff; } /* Override link color */ a { color: #ffcc00; } /* Override other styles as needed */ </style> </iframe> </code></pre> <p>您可以参考的一些链接是：</p> <p>MDN 网络文档 - iframe : <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe" rel="nofollow noreferrer">MDN 网络文档 - iframe</a></p> <p>MDN Web 文档 - CSS 继承和级联： <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance" rel="nofollow noreferrer">MDN Web 文档 - CSS 继承和级联</a></p> </answer> </body></html>

html css iframe

回答 0 投票 0

PHP 文件无法在我的 chrome 浏览器或我的 html 文件中运行

对于我的网站，我尝试嵌入 stackoverflow.com 和 google.com，但它不起作用。所以我开始使用 PHP，但这并不起作用。 PHP 在 html 中工作吗，还是因为我正在使用

php html iframe

回答 4 投票 0

如何将查询参数添加到Iframe中

我有以下代码从 localStorage 获取名字，我正在使用reactjs： if (窗口类型!== "未定义") { 如果（ localStorage.isLoggedIn === true || 当地圣...

reactjs iframe parameters pardot

回答 1 投票 0

让 Chrome 扩展 iframe 另一个网站并更改 iframe 中的内容

我正在创建一个 Chrome 扩展，单击扩展栏中的图标将打开一个弹出窗口。我正在这个弹出窗口中构建我的网站；在主选项卡中打开的 URL 并不是特别

iframe google-chrome-extension

回答 1 投票 0

iframe 中的 Google 文档查看器大部分时间为空，因为 PDF 嵌入无法加载

这个链接在我的服务器上有一个 1.5MB 的 PDF 文件，需要花费大量时间来加载。 https://docs.google.com/viewer?url=https://example.test/tmp/665eb3ade4d3d.sample.pdf&embedded=true 38 请求 2....

html pdf iframe google-docs

回答 1 投票 0

如何正确设置基于Typescript的自定义streamlit组件的高度？

我正在尝试为 Streamlit 创建一个 gdpr 包装组件。它的用法看起来像如果 gdpr_wrapper(): st.write('延迟内容') 如果用户接受某些条款，则延迟的内容会显示...

javascript reactjs iframe streamlit custom-component

回答 1 投票 0

如何在 apache superset 中安装 Posthog-js？

Postghog-Js 是一个分析工具，我想将其安装在 Apache 超集中。我探索了超集项目结构并找到了一个 HTML 文件，即 tail_js_custom_extra.html wh...

iframe apache-superset posthog

回答 1 投票 0

iframe postMessage 替代方案存在吗？例如。将函数绑定到 iframe？

上下文在没有 CORS 的情况下或者当每个 iframe 的文档来源相同时，可以从父窗口访问 iframe 中的文档以及从 iframe 访问父窗口的文档...