iframe 相关问题

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

去除iframe视频左右两侧的黑边

我有一个使用 iframe 的嵌入式视频。但视频左右两侧有黑边,视频原始尺寸为2000 x 2000) 当前显示的 iframe 目前的html是: .如果...

回答 3 投票 0

Selenium 被 iFrame 阻止,现在从 RotoWire 抓取时不返回所有数据

我有一个功能可以从 Rotowire 上抓取每个 NBA 球员的预计上场时间。它运作良好,但周末该网站似乎添加了某种 Google Ads iFrame,现在导致我

回答 1 投票 0

iframe内部滚动条卡住了

我有一个页面,其中有一个 iframe。对于样式,我使用 tailwind-css。现在我有两个滚动条 - iframe 内部滚动条和浏览器滚动条,我想隐藏 iframe 的内部滚动条和

回答 2 投票 0

是GET方法,为什么打不开?

下面是通过 加载的数据包的请求捕获。 获取 https://example.com/Book/SeatDetail.asp?Code=23004325&Place=22000001&Seq=059&Grade=&Block=RGN001& HTTP/1.1 ...</desc> <question vote="0"> <p>下面是通过 <pre><code>&lt;iframe&gt;</code></pre> 加载的数据包的请求捕获。</p> <pre><code>GET https://example.com/Book/SeatDetail.asp?Code=23004325&amp;Place=22000001&amp;Seq=059&amp;Grade=&amp;Block=RGN001&amp; HTTP/1.1 Host: example.com Connection: keep-alive sec-ch-ua: &#34;Not.A/Brand&#34;;v=&#34;8&#34;, &#34;Chromium&#34;;v=&#34;114&#34;, &#34;Google Chrome&#34;;v=&#34;114&#34; sec-ch-ua-mobile: ?0 sec-ch-ua-platform: &#34;Windows&#34; Upgrade-Insecure-Requests: 1 User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7 Sec-Fetch-Site: same-origin Sec-Fetch-Mode: navigate Sec-Fetch-Dest: iframe Referer: https://example.com/Book/Seat.asp Accept-Encoding: gzip, deflate, br Accept-Language: ko-KR,ko;q=0.9,en-US;q=0.8,en;q=0.7 Cookie: pcid=165426879431606504; OAX=tEG052KaI3kADYn0; _fbp=fb.1.1654268794851.469197131; _trs_id=eY3267%3F40530237; _atrk_siteuid=8zCsQr1SL05ijOmg; imfs_pcid=948395927242341323; RegionCode=FX001; SAVEID=Y; _ACU124043=1663334614224606514.1663334614224.1.0.606514TB7WGOMQKVE6Y.0.0.0.....; __utmz=41825914.1668791810.13.9.utmcsr=ticket.interpark.com|utmccn=(referral)|utmcmd=referral|utmcct=/; tourGUID=99190970-68aa-4554-8c3b-74e4a75cb1e7; _BS_GUUID=6aQfoD68fbf5t2kVXxPUMeymXIboncQunHJMlPVA; _TRK_AUIDA_13778=5b7c47437529c00b0902091a52af8001:1; TR10125305318_t_uid=49125550017099688.1670070741907; _SHOP_PC_ID=20230213012123898443344; __utma=41825914.839734280.1654268795.1676308218.1676980975.22; interparkID=bR0PdJzfu6aEZHFKaEYJBg%3D%3D; interparkSaveID=EgA3gykiaM%2B9Z0w8SN0fzQ%3D%3D; _gid=GA1.2.201996984.1689082042; sector=ticket; PrivacyCertify=gd%2BzEjhN0HbDaf%2FwK7Uu8w%3D%3D; alMemNm=67CV7IiY7ZiE; IMem%5FNO=KDmv85qaRn1UV6mbNY%2BlNw%3D%3D; TSecLogin=z9QWA27p67NF45ZDtiwG8jT4sNLL5CZr4Wz1K%2FUfai8%3D; TKLogin=; _trs_sid=G%5B646743574674%5Bg%5B1045%3D62712015; ab.storage.deviceId.cd97b079-ff05-4967-873a-324050c2a198=%7B%22g%22%3A%22b39f5a83-5626-f2b1-6fa3-db146f9f88ac%22%2C%22c%22%3A1649427743318%2C%22l%22%3A1689183031344%7D; ab.storage.userId.cd97b079-ff05-4967-873a-324050c2a198=%7B%22g%22%3A%22KDmv85qaRn1UV6mbNY%2BlNw%3D%3D%22%2C%22c%22%3A1688727149461%2C%22l%22%3A1689183031345%7D; _ga_9Z7ZBRRQK6=GS1.2.1689183036.7.0.1689183036.0.0.0; id_token=eyJraWQiOiJQSHhjWHlZcDdjUm1mTFFQOTFVS055MnFsXzNyVUZINDBrRm9QWlJTWkJFIiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJiUjBQZEp6ZnU2YUVaSEZLYUVZSkJnPT0iLCJyZXRVcmwiOiIiLCJpc3MiOiJodHRwczpcL1wvYWNjb3VudHMuaW50ZXJwYXJrLmNvbSIsInRtbm8iOiJUcWZiaGZIU1IxcFU4TXhpXC9WYm0rZz09IiwibW5vIjoiS0Rtdjg1cWFSbjFVVjZtYk5ZK2xOdz09Iiwic2lkIjoiZG80djRmRldsTHBHeEc4VlpiYk50Yngzb3h1VXdEb0tqZE9vaHhTQm9Kdz0iLCJhY2Nlc3NfdG9rZW4iOiI0bTBuWUd4TDg1NlQ2WG1MXC9sOVIyTVdraEoxRE5kKzdkMEtaamRUVDJwSlluSEZGQ2xXa1JcL0hUZUVFQlhhbnoiLCJhdWQiOiJ0aWNrZXQtcGMiLCJobW5vIjoid3doSEtvMUFLcHhGNFNhMDV3M3Iydz09IiwiZ3JkIjoiOFZsVjdEVHlGeGtSM3FtbXhDMWpTZz09IiwiYmFsa29rX3Rva2VuIjoiM01kdTRLSjBSandYRkhubkFqWUM1T3o4dVYrako1eDlPUnJYc0c4WXFtQnplcHBvNndYandRaVVickpXQlZoMSIsImV4cCI6MTY4OTE4ODQ0MSwiaWF0IjoxNjg5MTgzMDQxLCJubSI6IlB1SWQ2WnFNNldVZG1XTzN1OFNSUVE9PSJ9.JxoTbO3jxaABuM16bgAoI6RgizT8wn6QzKCllW3k_EPCRbTx6WcAoSw2qMu26w00pIskRn4U3r-l43dnaVkfMK0wXzwIW-v9ZjgXnSf782QqClz-hnQTnmHC9wu59WQhLxRpE3os1mu03dBFr-dWdk2S7vZdD8LwmQjzEb6LJjlRO4yRKoMcT5lvnZCQO52fe9kF1BaNWN10NYQFqb65ERPj_DldOT9uA9MZvD0nw2eFCj19_9aDwgt42kG2AHfTzX7TZM_dfY_DlJ6PW_80fJ3rzRmn88E_aRWUpCV_stE1naGqEUVHWwdVt9AmOzAKHSTZDtHaiGjXcaDUVy3svA; idt_iss=1689183041000; IEGS_GUIF=12%242%2424%24; iaf=oM%2BHsf0GM7kU5S%2FRy%2FxU1GdnBPEnWj0fXE9bx7Wa58S%2BRrdWPQhiiIEvYbm1av7G; memRealName=PuId6ZqM6WUdmWO3u8SRQQ%3D%3D; tempinterparkGUEST=KDmv85qaRn1UV6mbNY%2BlNw%3D%3D; interparkSNO=do4v4fFWlLpGxG8VZbbNtbx3oxuUwDoKjdOohxSBoJw%3D; siteAgree=YYYY; interparktime=1689183041; TMem%5FNO=TqfbhfHSR1pU8Mxi%2FVbm%2Bg%3D%3D; MemHash=6772c650bfeacfa4c5d091a3e6f6d417; HMem%5FNO=wwhHKo1AKpxF4Sa05w3r2w%3D%3D; _ga_0NYYVHZMWJ=GS1.1.1689183036.67.0.1689183041.55.0.0; TodayGoodsList=23004325,23006740,23008851,23007291,23007875,23007874,23009501,23009151,23006907,23006909; _trs_flow=https%3A%2F%2Fticket.interpark.com%2F; _gat_UA-93889457-1=1; cto_bundle=heEGNl9Pd015ODJ3Y2RrRTJxaEUzREdVb2xUWTJ6Y1NsdFglMkZidFQzJTJCR3ZtS0prWEJ0RGdXeW96c1NCcGRWbzJKMFlUQlR1TFBZbHRSMFB3STJiSVBZNXYyN1ZmNnNNWCUyRklyY1JEVFlhRFZLM3JheXNXRDlQeGVvV3hWc3Bnb0dGNlV5V3BDMUdXSW5JbXdFRDYlMkZ0UzRoZlppdyUzRCUzRA; nclab=TICKET-PC-tp_bridge-bridge_product-C; interparkstamp=6547104275496215481986101286642901; _ga_4SKTL7E8Q8=GS1.1.1689183031.279.1.1689184513.36.0.0; _ga=GA1.2.839734280.1654268795; ab.storage.sessionId.cd97b079-ff05-4967-873a-324050c2a198=%7B%22g%22%3A%22ea1d6845-090c-6f33-eb34-4410bea6b0b9%22%2C%22e%22%3A1689186313730%2C%22c%22%3A1689183031343%2C%22l%22%3A1689184513730%7D </code></pre> <p>请求方法被标记为GET,所以我按了旁边的地址,并没有被警报阻止。</p> <p>我通过源代码中的<pre><code>&lt;iframe&gt;</code></pre>请求它,并且效果很好。</p> <p>原因是什么?我想知道为什么我被阻止,即使我请求它作为获取。 <pre><code>&lt;iframe&gt;</code></pre>有什么作用?</p> </question> <answer tick="false" vote="0"> <p>这用于破解我的设备。文本/html,应用程序/xhtml+xml,应用程序/xml;q=0.9,图像/avif,图像/webp,图像/apng,<em>/</em>;q=0.8,应用程序/签名交换;v=b3;q= 0.7</p> </answer> </body></html>

回答 0 投票 0

动态更新时内存泄漏<iframe>在JavaScript中使用srcdoc内容

我们在 Web 应用程序中遇到内存泄漏,我们使用 srcdoc 属性用新的 HTML 内容动态更新元素。长期使用后,此问题变得明显,特别是...

回答 1 投票 0

将 YouTube 视频安全地嵌入网页的 div 中

我正在构建一个 php 脚本,它将写出一个包含三个部分的页面。 其中一个 div 中有一个 iframe,这就是问题开始的地方。 我的最终目标是拥有一份显示

回答 1 投票 0

您可以在不访问 iframe CSS 的情况下设置 iframe 滚动条的样式吗?

我正在网站上显示 Facebook (http://developers.facebook.com/docs/reference/plugins/like-box/) 的“点赞框”。 网站上的所有滚动条都有自定义外观,除了......

回答 2 投票 0

OAuth 无法在 iframe 内工作

我在 JSFiddle 上构建了一个 Fiddle,它通过 Foursquare 的“令牌”响应类型检索 OAuth 访问令牌。一两天前,这工作得很好。单击“使用 Foursquare 登录”时

回答 1 投票 0

用于启动网络应用程序的链接 iOS 主屏幕图标未显示在 iPhone 上

我使用 Apps 脚本创建了一个简单的测试 Web 应用程序。 我想使用自定义图标在 iPhone/iPad 主屏幕上部署 Web 应用程序 URL。 当我使用“添加到主屏幕&

回答 1 投票 0

如何将 iFrame 添加到 Powerapps?

我是一家小公司的 UX/UI 设计师,正在接受 Powerapps 培训。说实话,这方面的经验是0。如何逐步将 iFrame 添加到 Powerapps?如果我理解正确的话...

回答 1 投票 0

stripe - 嵌入的 iframe 高度关闭,切断邮政编码

我正在探索使用 stripe,并开始使用带有 v3 javascript 的“付款”布局。 问题是“邮政编码”总是被切断,因为它看起来像 iframe ...

回答 1 投票 0

将 iframe 更改为基本 HTML <form> 代码

我正在尝试将注册表单小部件与无法识别 Javascript 或 iframe 标记的登录页面集成。它只支持基本的 HTML 和表单标签。 我怎样才能改变我...

回答 2 投票 0

Fancybox v5,如何使用多个 IFRAME 链接在关闭时重新加载到不同的 url?在 fancybox 上使用 $_GET

目标:链接到 IFRAME 页面以获取 GET 值的多个按钮,并且可以在关闭后重新加载到不同页面。 目标:链接到 IFRAME 页面以获取 GET 值的多个按钮,并且可以在关闭后重新加载到不同页面。 <a id='DeleteButton-1' href='delete_email.php?EmailID=1' data-fancybox data-type='iframe'>1</a> <a id='DeleteButton-2' href='delete_email.php?EmailID=2' data-fancybox data-type='iframe'>2</a> <a id='DeleteButton-3' href='delete_email.php?EmailID=3' data-fancybox data-type='iframe'>3</a> 在 delete_email.php 上,我分配 $_GET 值,然后从 EmailID 中删除 MySQL 记录。 在 Fancybox v3 上,我可以分配不同的 fancybox 绑定以在关闭后转到不同的页面。 <a href='delete_email.php?EmailID=1' data-fancybox='DeleteEmail' data-type='iframe'>1</a> <a href='delete_email.php?EmailID=2' data-fancybox='DeleteEmail' data-type='iframe'>2</a> <a href='delete_email.php?EmailID=3' data-fancybox='DeleteEmail' data-type='iframe'>3</a> <a href='show_email.php?EmailID=1' data-fancybox='ShowEmail' data-type='iframe'>1</a> <a href='show_email.php?EmailID=2' data-fancybox='ShowEmail' data-type='iframe'>2</a> Fancybox.bind('[data-fancybox="DeleteEmail"]', { on: { close: () => { location.href = 'email_trash.php'; } } }); Fancybox.bind('[data-fancybox="ShowEmail"]', { on: { close: () => { location.href = 'email_inbox.php'; } } }); 问题是,Fancybox v5正在使用fancybox绑定DeleteEmail获取所有url并删除它们,而不是传递的单个EmailID。我认为它将它们视为像“画廊”一样的“组”,并将所有ID带到更新数据库。 我已经使用版本 3.5.7 与 5.0.36 验证了这一点。 我可以对所有内容进行默认绑定以重新加载到不同的页面,但如果我有“查看”按钮和“删除”按钮,则这不起作用。 Fancybox.bind('[data-fancybox]', { on: { "destroy": (fancybox, eventName) => { location.href = 'email_index.php'; }, }, }); 我可以绑定一个特定的ID来将该按钮发送到特定的页面.... Fancybox.bind(document.getElementById("DeleteButton-1"), "[data-fancybox]", //redirect Fancybox.bind(document.getElementById("DeleteButton-2"), "[data-fancybox]", //redirect Fancybox.bind(document.getElementById("DeleteButton-3"), "[data-fancybox]", //redirect 但是,如果您有数百个按钮,这不是一个好主意。 所以我的问题是.... 是否有类似“类”的东西,我可以分配一组按钮,以便它知道要重新加载/重定向到哪个页面? 所以关闭后查看按钮将转到 xxx.php,删除按钮将转到 yyy.php 页面? 是否有更好的方法将值(例如 EmailID)传递到 IFRAME 页面,而不是使用 URL 中的 $_GET? 感谢您的帮助! 我建议添加不同的数据属性来指示操作,并使用“关闭”事件来检查: Fancybox.bind('[data-fancybox]', { on: { "close": (fancybox) => { // This is the element that launched Fancybox when clicked. // Check `dataset`, `classname`, etc and decide what to do next console.log(fancybox.options.triggerEl); }, } });

回答 1 投票 0

尽管对存储访问 API 的支持有限,但仍将 LocalStorage 数据传输到新域

我在 Github Pages 上托管了一个没有自定义域的网站(例如 auroratide.github.io/my-website),现在我想将其移动到自定义域(例如 my-website.com)。网站保存数据...

回答 1 投票 0

每次内容变化时调整 Iframe 高度

我见过类似的问题,例如调整 iframe 的宽度和高度以适应其中的内容,但我认为我的问题不同。 我在 Iframe 中有一个表格和几个搜索字段,我的搜索...

回答 1 投票 0

如何在 iframe 内使用 playwright 运行 TypeScript 函数?

const iframeElement =等待page.locator('#bucketFrame'); const iframe = 等待 iframeElement.contentFrame(); 期望(iframe).not.toBeNull(); const PixelPosition = 等待 iframe.evaluate(({

回答 1 投票 0

如何将 iframe 居中并使其全高可见且响应灵敏

我的页面分为两个部分,如所附的屏幕截图所示。 该页面按照我想要的方式响应。正如您所看到的,问题是 iframe 没有显示完整的内容

回答 1 投票 0

如何高效更新<iframe/> HTML 元素中的 DOM(使用 srcdoc)

我正在使用vuejs框架 ...进口 常量 html = 参考( ``<!doctype> .... …… <</desc> <question vote="0"> <p>我正在使用vuejs框架</p> <pre><code>&lt;template&gt; &lt;iframe :srcdoc=&#34;html&#34;&gt;&lt;/iframe&gt; &lt;/template&gt; </code></pre> <pre><code>&lt;script&gt; ...import const html = ref( `&lt;!doctype&gt; .... ..... &lt;style&gt;style-1&lt;/style&gt; &lt;style&gt;style-2&lt;/style&gt; &lt;body&gt; symbolic &lt;/body&gt; ` ) &lt;/script&gt; </code></pre> <p>我只想更新“style-2”,但 html 是字符串变量,当 style-2 更改时它会做出反应,所以如果 html 很大,我的应用程序会变慢并中断。</p> <p>我该如何改进,谢谢</p> </question> <answer tick="false" vote="0"> <p>很高兴您意识到性能问题!:) 为了提高性能并避免在仅更新 HTML 字符串的一部分时出现反应性问题,您可以使用 <pre><code>computed</code></pre> 属性来动态更新特定部分。</p> <pre><code>&lt;template&gt; &lt;iframe :srcdoc=&#34;computedHtml&#34;&gt;&lt;/iframe&gt; &lt;/template&gt; &lt;script setup lang=&#34;ts&#34;&gt; import { ref, computed } from &#39;vue&#39;; const staticHtmlStart = ` &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;style&gt;style-1&lt;/style&gt; &lt;/head&gt; &lt;body&gt; ` const staticHtmlEnd = ` &lt;/body&gt; &lt;/html&gt;` const dynamicStyle = ref(&#39;style-2&#39;) const computedHtml = computed(() =&gt; `${staticHtmlStart} &lt;style&gt;${dynamicStyle.value}&lt;/style&gt; ${staticHtmlEnd}`) &lt;/script&gt; </code></pre> <p>现在反应性很好,保存了性能,没有中断和重新渲染。</p> </answer> </body></html>

回答 0 投票 0

水平居中嵌入Google Doc?

我是 HTML 和 CSS 新手,一直在通过 HTML for dummies 学习。 不管怎样,我想知道如何水平居中嵌入的谷歌文档。 div#iframe-wrapper iframe {

回答 2 投票 0

有没有办法用javascript创建VPN?

我正在尝试使用 javascript、HTML 和 CSS 创建 VPN。我目前只使用 iframe,但它只能绕过 wifi 代理,然后一些网站将拒绝与 X-Frame-Opti 连接...

回答 3 投票 0

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