2016-06-21 17 views
0

iOSおよびAndroidのiframe内でjqueryを使用してiframeウィンドウを印刷するにはどうすればよいですか。私はIE、クロム、およびFirefoxで動作する次のコードを持っていますが、Androidではiframeを上にして親ウィンドウ全体を印刷しているようです。iOSおよびAndroidのiframe内でjqueryを使用してiframeを印刷する

if (document.queryCommandSupported('print')) { 
    // IE and Chrome 
    document.execCommand('print', false, null); 
} else if((navigator.userAgent.toLowerCase().indexOf("android") > -1) || (navigator.userAgent.toLowerCase().match(/(ipod|iphone|ipad)/))) { 
    // Android or iOS 
    $('iframe').contentWindow.focus(); 
    $('iframe').contentWindow.print(); 
} else { 
    // Firefox 
    window.print(); 
} 

iframeタグを使用してiframeを選択しようとしましたが、動作しないようです。どんなアイデアですか?

答えて

0

$('#iframe').contents();を使用すると、フレームの内容のみを取得できます。

+0

私はJack Mooreのカラーボックスを使用していますが、次のように試しましたが、iPad上のSafariの印刷プレビューに空白のページが表示されます:\t \t \t $( '。cboxIframe')。 $( '。cboxIframe')。contents()。print(); $( '。 –

+0

フレームは同じドメインにありますか?そうでない場合、クロスドメインポリシーはコンテンツへのアクセスを許可しません。 –

+0

はい、同じドメインにあります。 –

関連する問題