很多前端朋友已经对iframe完全不了解了，现在前端主流的框架基于vue、rect、angular，都不建议使用iframe，于是iframe这么美丽的技术方案被人遗忘了。

这里给大家介绍一下，希望感兴趣的，重新拾起这个技术，非常的nice

一、iframe里的页面是独立的。100%的宽度，100%的高度，开发的时候更高效，更不容易出bug。先前在金融公司，开发风控系统后台，有个功能工作人员需要审核身份证等证件。主要功能是让工作人员核对文字与图片是否一致，本来我们这个功能直接用一个图片查看器组件解决的，全屏显示的。后面提需求，希望同已界面里一边查看图片，一边看到相关的文字信息。那时候我在公司的岗位是php后端开发，公司有专职前端搞不定，然后我给他整个iframe几行代码就搞定了。iframe里全屏查看图片，iframe外看文字信息。

二、当多线程工具使用。很多时候前后端就隔着一层纱，很多搞技术的不愿意去揭开这层纱，其实揭开这层纱是个崭新的世界。采取一种融合技术，可以自创很多敏捷型的技术方案。比方说canvas可以处理图片，可以处理视频；要同时处理多个iframe轻松搞定。通过开启n个隐藏的iframe做线程处理用。

三、别人网站数据监听。我们开发过程中，有一种很粗糙的对接叫h5对接。就是一个超链接链接到别人网页里，由于在别人网页上操作，我们很多时候不清楚用户的操作情况，接口方也只提供成功后的信息回调。我们实际上要跟踪那些不会操作的用户信息，于是我们要想办法监听别人网站的数据。99%的人都说做不到，其实是绝大部分都是可以做到的。那就是利用iframe，只要在我提供的iframe里的操作都有办法进行监听。尽管是跨域的，我们只要针对跨域的特殊处理就可以解决。

个人感觉iframe是一个有使用价值的技术，抛开固有的前端思维，你会发现iframe就是一片新大陆。