iframe 相关问题

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

我可以在 iframe 标签中添加 rel nofollow 吗?

我有一个通过 iframe 分布在某些网站上的小部件。但我不希望谷歌机器人索引该网址。在 iframe 标签中添加 nofollow 可以解决问题吗? iframe标签是否支持nofollow,...

回答 7 投票 0

嵌入 LookerStudio 报告并实现动态过滤

我目前正在使用 iframe 和提供的嵌入报告链接在我的网页中嵌入 LookerStudio 报告,该链接遵循以下格式:https://lookerstudio.google.com/embed/repor...

回答 1 投票 0

如何在React Native中显示谷歌地图Iframe?

我试图找到一种方法将谷歌地图 iframe 添加到我的 React Native 应用程序中。我找到了react-native-webview,但它对我不起作用。我按照文档进行操作。我只想在谷歌上显示办公室地址...

回答 1 投票 0

如何在 React Native 中显示 Google 地图 Iframe?

我一直在尝试将 Google Map iframe 集成到我的 React Native 应用程序中,但遇到了问题。我尝试按照文档使用react-native-webview库,但它......

回答 1 投票 0

从 iframe 渲染图像时存在 CORS 问题

基本上事情是这样的:我有一个前端,我通过 iframe 渲染另一个前端,在这个 iframe 中,我向存储桶发出请求以获取图像并将其显示在我的 ifr 中...

回答 1 投票 0

当我在react中使用iframe渲染html文档时获取用户输入值信息

我在 html 文档中有一个从 API 获得的输入标签。 我正在使用 iframe srcDoc 在 .js 组件中进行渲染, W...

回答 1 投票 0

如何从父级向 iframe 发送数据

我有一个问题。早些时候,我很难从 iframe 向父节点发送 postMessage。幸运的是,我解决了它,因为不知何故 window.parent.postMessage 不起作用,但顶部。

回答 1 投票 0

React TypeScript 项目迁移到 Vite - Iframe 中初始加载缓慢且丢失 postMessage

说明: 我最近将我的 React TypeScript 项目从 Create React App (CRA) with Webpack 迁移到了 Vite。虽然开发体验有所改善,但我遇到了 init 问题...

回答 1 投票 0

页面底部的iframe:避免页面自动滚动

我在页面上有一个从中间到底部的 iframe。当我加载页面时,它滚动到底部。我尝试使用 body onload window.scroll(0,0) 但它会产生丑陋的效果,因为它首先会下降......

回答 9 投票 0

iframe 中的会话存储

我的页面上将有几个 iframe,并且我将在其中大量使用 sessionStorage。我很好奇的是我是否有单独的存储空间或为所有 ifra 共享一个存储空间...

回答 3 投票 0

使用 mongoose model.find() 获取仅 1 个字段的所有条目

我尝试使用 model.find() 的不同变体,但没有一个能达到我想要的效果。 下面的代码是我正在使用的代码,但它显示每个字段,而我只想要“iframe”字段。 应用程序.g...

回答 1 投票 0

iframe 元素上的滚动属性已过时。使用CSS代替

我已在 iframe 中将 Google 地图嵌入到我的网站上: <p>我已将 Google 地图嵌入到我的 iframe 网站中:</p> <pre><code>&lt;iframe src=&#34;http://www.map-generator.net/extmap.php?name=Spot&amp;amp;address=los%20angeles%2C%20ca&amp;amp;width=614&amp;amp;height=244&amp;amp;maptype=map&amp;amp;zoom=14&amp;amp;hl=en&amp;amp;t=1298011905&#34; width=&#34;614&#34; height=&#34;244&#34; scrolling=&#34;no&#34;&gt;&lt;/iframe&gt; </code></pre> <p>这是无效的,我需要以某种方式实现 CSS 中的滚动方面。我该怎么做?</p> </question> <answer tick="true" vote="38"> <pre><code>&lt;iframe style=&#34;overflow:hidden;&#34;&gt;&lt;/iframe&gt; </code></pre> <p>但它在 Chrome 上不起作用:<a href="https://github.com/davidjbradshaw/iframe-resizer/issues/1142#issuecomment-1959544213" rel="nofollow noreferrer">https://github.com/davidjbradshaw/iframe-resizer/issues/1142#issuecomment-1959544213</a></p> </answer> <answer tick="false" vote="2"> <p><strong>回复晚了</strong></p> <p>到目前为止,我找到的唯一解决方案是将溢出设置为隐藏,并将宽度、高度设置为父 div。</p> <p>您的情况:</p> <pre><code>&lt;div style=&#34;width:614px; height:244px;&#34;&gt; &lt;iframe src=&#34;http://www.map-generator.net/extmap.php?name=Spot&amp;amp;address=los%20angeles%2C%20ca&amp;amp;width=614&amp;amp;height=244&amp;amp;maptype=map&amp;amp;zoom=14&amp;amp;hl=en&amp;amp;t=1298011905&#34;width=&#34;614&#34; height=&#34;244&#34; style=&#34;overflow:hidden; width:614px; height:244px;&#34;&gt;&lt;/iframe&gt; &lt;/div&gt; </code></pre> </answer> <answer tick="false" vote="-1"> <p>我找到了另一个有效的解决方案。</p> <pre><code>&lt;iframe src=&#34;....&#34; class=&#34;frame-abc&#34; scrolling=&#39;no&#39; &gt;&lt;/iframe&gt; .frame-abc { border:none; overflow:hidden; margin:0; height:230px; width:570px; } </code></pre> </answer> </body></html>

回答 0 投票 0

将一个 iframe 覆盖在另一个 iframe 上

我试图通过 javascript 将一个 iframe 覆盖在另一个 iframe 上。 我想保持背景 iframe 的宽度和高度为 100%,但第二个 iframe 我希望它看起来稍微小一点......

回答 3 投票 0

如何使用 selenium python 单击同意管理器(consentmanager.net)内的按钮?

我正在尝试在网站 https://diablochairs.com/en/ 上使用 Python 中的 Selenium 接受 cookie。我在这方面遇到困难,因为我找不到接受按钮。整个窗户都是

回答 1 投票 0

RoboForm 或 AutoFill 如何识别 iframe 中的文本框

我正在尝试复制 RoboForm 的基本版本 https://help.roboform.com/hc/en-us/articles/360042538712-How-to-use-AutoSave-and-Inplace-AutoFill) 或 Autofill https ://chrome.google.com/webstore/

回答 1 投票 0

更新 - 如何与我无法使用 python-selenium 获得的按钮进行交互?

新版本 我想浏览此链接中显示的条款和条件弹出消息,无论是单击“同意”按钮还是“X”按钮关闭窗口,请使用 python-

回答 4 投票 0

iframe之间可以传递ArrayBuffer吗?

我需要在主页和嵌入式 iframe 之间传递大量数据。 为了避免[反]序列化开销,我希望通过 postMessage() 传递 ArrayBuffer 并实例化视图

回答 2 投票 0

如何在 Iframe 中显示 google 地图

我想在 Razor MVC 页面中显示谷歌地图,但它不显示并出现错误,如下所示: 拒绝显示'https://maps.google.com/maps/ms?ie=UTF8&hl=en&msa=0&msid=

回答 4 投票 0

在 CSS 文档中调整大小时,我的 iframe 不会居中,但在 HTML 文档中调整大小时,iframe 不会居中。我希望在 CSS 文档中调整它的大小以获得良好的实践

所以我有我的 iframe,但左对齐,但它不会居中。 <p>所以我有我的 iframe,但左对齐,但它不会居中。</p> <pre><code>&lt;div class=&#34;iframeContainer&#34;&gt; &lt;iframe width=&#34;100%&#34; height=&#34;100%&#34; src=&#34;https://www.youtube.com/embed/vFO0_PA_NAg?si=VeD7R53zMk8l3yw8&#34; title=&#34;YouTube video player&#34; frameborder=&#34;0&#34; allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&#34; allowfullscreen&gt;&lt;/iframe&gt; &lt;/div&gt; </code></pre> <p>CSS页面是</p> <pre><code>.iframeContainer { display: inline-block; justify-content: center; /* Center the iframe horizontally */ align-items: center; width: 1067px; height: 600px; } </code></pre> <p>当我尝试调整 html 文档中 iframe 的大小时,它起作用了。例如:</p> <pre><code>&lt;div class=&#34;iframeContainer&#34;&gt; &lt;iframe width=&#34;1067px&#34; height=&#34;600px&#34; src=&#34;https://www.youtube.com/embed/vFO0_PA_NAg?si=VeD7R53zMk8l3yw8&#34; title=&#34;YouTube video player&#34; frameborder=&#34;0&#34; allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&#34; allowfullscreen&gt;&lt;/iframe&gt; &lt;/div&gt; </code></pre> <p>那么 CSS 页面就会像这样</p> <pre><code>.iframeContainer { display: flex; justify-content: center; align-items: center; } </code></pre> <p>我还尝试将边距设置为自动...但这也不起作用。</p> <p>现在我可能是错的,所以请耐心等待,我是编码世界的新手,但我相信 iframe 是一个块元素,所以我对它作为 Flex 的工作原理感到困惑。我知道保持元素一致是很好的做法,因此我们将不胜感激任何帮助。</p> </question> <answer tick="false" vote="0"> <p>首先,您的显示内联块无法与align-items:center一起使用;并证明内容合理。只需使用 display: inline-block 删除它们并添加 margin:auto 即可,您将获得水平对齐:在下面的代码片段中检查整个页面</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>.iframeContainer { width: 1067px; height: 600px; margin: auto; }</code></pre> <pre><code>&lt;div class=&#34;iframeContainer&#34;&gt; &lt;iframe width=&#34;100%&#34; height=&#34;100%&#34; src=&#34;https://www.youtube.com/embed/vFO0_PA_NAg?si=VeD7R53zMk8l3yw8&#34; title=&#34;YouTube video player&#34; frameborder=&#34;0&#34; allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&#34; allowfullscreen&gt;&lt;/iframe&gt; &lt;/div&gt;</code></pre> </div> </div> <p></p> </answer> </body></html>

回答 0 投票 0

频繁变化的iframe URL

我想用 iframe 制作一个 url 经常更改的交互式地图。 url 会发生变化,因为它考虑了地图的参数(如坐标、激活的图层、缩放级别等)。作为

回答 1 投票 0

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