解决IE浏览器打印iframe页面时字体等样式缩小的问题

解决IE浏览器打印iframe页面时字体等样式缩小的问题

目录

1.问题描述

2.解决方案

3.代码

 

1.问题描述

  问题主要集中于打印 iframe， 前端调用浏览器打印功能，在谷歌，火狐浏览器上预览打印内容，和真实打印内容都是页面的正常样式。但是在IE浏览器中调用打印，以及打印出来的内容样式就会发生改变，字体样式缩小，页面被缩放等。在百度诸多的文章后，找到了解决办法。

2.解决方案

  谷歌和火狐浏览器可直接调用 window.print(); 

 但是在IE浏览器调用 window.print(); 页面就会被缩放，所以当客户是使用IE浏览器时，调用 document.execCommand('print', false, null); 方法；

3.代码

    /* 判断是否是IE浏览器*/
    function isIE(){
        if (!!window.ActiveXObject || "ActiveXObject" in window)
            return true;
        else
            return false;
    }

    /* 在打印的方法中调用*/
    function print(){
        if(isIE()){
                document.body.className += ' ext-ie';
                document.execCommand('print', false, null);
            }else{
                window.print();
            }
        }
    }

如有帮助，请帮忙点个赞咯。