前端浏览器打印：iframe、react 、js

前端浏览器打印：iframe、react 、js

1.问题描述

1.   在web页面调用浏览器打印功能
2.   完美实现对接打印

 2.采坑之路（采坑经历，着急可以略过直接看第三条）

    1. 刚开始实现肯定是想当然以为直接调用window.print(); 然后本地写了modal弹窗，把需要打印的部分在弹窗中实现表格预览， 一都很顺利，本地运行完美...于是乎上了测试，什么鬼东西，样式什么全没有，主菜单和列表数据全展示了。。。

   2.于是网上参考其他方式，于是乎用了局部打印，配合下面css样式和id，然后modal删掉，跳转详情，用最基础的div和样式，实现表格展示，本地运行完美！ 于是发了测试，mdf。。。说好的局部打印呢！！！（ps：我用的框架比较老，可能和各位看官不同，可以试下）

@media print {body * {visibility: hidden;}#sectionToPrint,#sectionToPrint * {visibility: visible;}#sectionToPrint {position: absolute;left: 3%;