具有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()
    });
});