iframe

道一云黑板报

前端搭建低代码平台，微前端如何选型？目录背景一、微前端是什么？二、三大特性三、现有微前端解决方案1、iframe2、Web Components

快速实现 iframe 嵌套页面现在有一个需求，就是需要在当前项目的一个页面中嵌套其他系统通过接口API返回的一个页面，首先考虑的就是 iframe 嵌套页面，于是就在当前页面尝试了一下，效果还是不错的。

JSU_曾是此间年少

前端技巧——iframe + postMessage进行页面通信我们知道iframe标签可以将另外一个页面嵌入到该标签当中，相当于开启一个画中画。这个一般就用来嵌入一个统一的登陆验证功能。那么这样就会存在一个问题，我们需要嵌入的子页面能够和当前的主页面进行通信，所以我们就需要使用某种方法来实现不同源之间的页面的通信功能，所以我们需要postMessage

绝世唐门三哥

性能优化--- iframe阻塞页面渲染的问题，如何优化？iframe 阻塞问题会阻塞页面的加载，因为 iframe 中的内容需要在父页面加载完成后才能被加载和渲染。这意味着在 iframe 内容完全加载和渲染之前，用户无法看到页面的其他部分。这种行为不仅降低了用户体验，因为用户会看到页面的一部分空白，而且还会影响页面的 SEO（搜索引擎优化），因为搜索引擎可能在等待所有内容加载完成后才评估页面内容的相关性。

weixin_40461134

vue页面和 iframe多页面无刷新方案和并行存在解决方案面临问题 : back的后台以jsp嵌套iframe为主, 所以在前端框架要把iframe无刷新嵌套和vue页面进行并行使用,vue的keep-alive只能对虚拟dom树 vtree 进行缓存无法缓存iframe,所以要对iframe进行处理

程序员大侠

前端html中iframe的基本使用以下是一个比较复杂的 <iframe> 示例，展示了如何加载外部页面、控制样式和与 <iframe> 中加载的文档进行通信：

如何优雅的实现 iframe 多层级嵌套通讯在前端开发项目中，不可避免的总会和 iframe 进行打交道，我们通常会使用 postMessage 实现消息通讯。

FIT2CLOUD飞致云

案例研究｜DataEase助力无锡布勒业务数据可视化建设布勒集团是一家来自瑞士的家族企业，在谷物与食品以及先进材料制造等领域深耕超过160年。布勒大中华区的总部位于江苏无锡。无锡布勒是一家集研发、生产、销售于一体的综合性公司，拥有先进的生产设备及高素质的科技研发人员，以谷物深加工、谷物营养强化为主导，专门研制、生产、销售营养强化大米、全谷物食品、方便食品，产品符合绿色、天然、健康、营养、功能性、复合型的发展方向，达到了国际领先水平。

无敌喜之郎

iframe通过postMessage进行跨域通信以及在Angular中使用在前端开发过程中，会遇到一些需要使用iframe的场景，使用iframe关键的一个点是数据之间的传输，基于同源的要求十分苛刻，大家基本上是都是跨域的，如果跨域进行数据传输呢？大家使用的比较多的就是postMessage()这个方法了，下面将具体展示如何在html中使用iframe进行数据传输，以及在angular框架中如何使用以及在angular中与html中的差异性

「已解决」iframe 本地生效但是在测试环境不生效问题我有一个表格中一列是个详情，这个详情可被点击，点击后弹出抽屉，抽屉里是后端传给我详情字段的值对应的 url 的 iframe 展示。问题是，在本地 localhost 下运行，ifame 运行正常，但是部署到测试环境就看不到 iframe！