具有iframe的页面可打印空白iframe

Question

我有一个包含iframe的页面。 iframe在浏览器中显示，但是当我打印previerw或在IE8中打印时，有时某些或所有框架都是空白的。 我的意思是框架和div在那，但没有内容。

框架区域的结构如下：

<div id="container">
    <div id="frames">
        <iframe src="about:blank" name="FRAME0"></frame>
    </div>
</div>

表单将iframe作为目标。

有时他们在使用C尺寸的纸张时进行打印，但是大多数时候它们不打印。 通常前两个iframe会打印，而我注意到它们位于同一页上。

我用来打印的功能是：

function printNow() {
    print();
}

我尝试过focus（）然后print（），self.print（），window.print（），top.window.print（）等。

请告诉我这是IE8的问题还是可以用javascript解决的问题。 我被迫只使用javascript。 从事该项目的人员具有与IE7类似的版本，除非iframe具有pdf文件，否则他们不会遇到此问题。 如果将CSS应用于iframe（即width: 100% ），并且使用display:none选中复选框，则可以有条件地隐藏iframe。

Answer 1

您可以在打印前使用html2canvas渲染iframe

$('iframe').each(function() {
    var iframe = $(this);
    html2canvas(iframe[0].contentDocument.body, {
        onrendered: function(canvas) {
            var wrapper = iframe.hide().wrap('<div/>').parent().css({
                position: 'relative'
            });
            $(canvas).css('postion', 'absolute').appendTo(wrapper);
        },
        width: iframe.width(),
        height: iframe.height()
    });
});