小红花·文摘

【笔记】浏览器PNA/LNA策略——记一次iframe中CORS报错的问题排查经历

Wayne的技术博客 ·

微前端的工作原理：从 iframe 到模块联邦

freeCodeCamp.org ·

iframe与后退导航 - 如何修复浏览器历史记录错误

DEV Community ·

在React中使用TypeScript掌握`<iframe>`标签：全面指南

DEV Community ·

我们现在有了Mux播放器的iframe！

Mux Blog - Video technology and more ·

我学习HTML ID和类、多媒体、SVG、Iframe及各种实体和标签的旅程 🚀（第5天）

DEV Community ·

如何实现HTML中的iframe自适应高度？一种支持XHTML、兼容各大浏览器的解决方案？

龙鲲博客 ·

Snap! 中的 iframe 库

夜行人 ·

由于担心CSRF攻击，许多网站不再使用IFrame。IFrame加载慢、资源消耗大，对于跟踪流量也不理想。现在使用IFrame的场景越来越少，大多数情况下使用ajax获取和渲染内容更高效。IFrame的缺点包括无SSR、启动慢、有限的交互、高内存消耗、自己的历史上下文、嵌套滚动和没有自适应大小。在支付和教育领域仍广泛使用IFrame。虽然IFrame是古老的技术，但仍有一些使用场景。

Html中IFrame缺点以及为什么很少人使用了？

解道jdon.com ·

iframe嵌入测试

这里是L ·

iframe代码： json <!doctype html> <html> <head> <meta charset="utf-8"> <title>HTML文档</title> <meta name="keywords" content=""> <meta name="description" content=""> </head> <body> <div...

将元素从iframe中拖拽到上层网页的任意位置。

Lenix ·

我想很多小伙伴在写博客的时候都能遇到一个令人头疼的问题，某一篇文章想用 iframe 引入一个外链视频，但是大小总是有问题，宽度可以固定到 100% ，但是高度比如用实际高度来表示，比如 100px, 200px，诸如此类。但是问题来了，在不同的页面宽度下，视频的高度是一致的，就会导致一个很麻烦的问题，看下面两个图， pc 端移动端很明显，在 pc...

网站引入 iframe 视频，如何实现高度自适应？

子舒的博客 ·

网站引入 iframe 视频，如何实现高度自适应？

子舒的博客 ·

网站引入 iframe 视频，如何实现高度自适应？

子舒的博客 ·

iframe 还是很强大的，不仅能实现同域通信，还可以跨域通信，甚至跨协议通信(如 file/http)，如果再结合 jsonp，那就有很多种玩法了。不过有几条原则需要记住：当前层级中的任何 Window 都可以获取其他 Window(iframe 也是一个 Window) 只有同域 Window 才可以互相操作当前层级下的任何 Window 可以设置其他 Window 的...

通过iframe实现跨域通信

Limboy ·

在网页里面先要嵌入iframe,总是得要解决iframe高度的问题. 那我们在React下,该怎么做到呢? class FullheightIframe extends Component { constructor() { super(); this.state = { iFrameHeight: "0px" }; } render()...

React系列之分享一个自适应高的iframe组件

Alili丶前端大爆炸 ·

上周的主要工作是将产品的功能集成到青云。青云提供 iframe 的方式来集成第三方服务，这是一种互利的做法，而且对于青云 …

青云 iframe 应用开发

黑·白 ·