ウェブページのPDF版をブラウザで印刷するにはどうすればよいですか？

Question

静的なHTMLページをtest.htmlとし、印刷可能なページのバージョンはtest.pdfに格納されているとします。訪問者がのブラウザに印刷すると、test.htmlの代わりにtest.pdfの代わりにブラウザをロードして印刷する方法を教えてください。

HTMLページ内で印刷ボタン（JavaScriptを使用）を導入する方法はありませんか？

Answer 1

ユーザーが要求/表示しているファイルとは異なるファイルをブラウザで印刷するよう強制することはできません。それはセキュリティの悪夢だろう！私は（新しいウィンドウでPDFを開くPDFファイルにユーザーを指示しますあなたのサイトにprintable versionリンクを作成することが好ましいであろう示唆

オプション1（JS（要求された通り）& HTML）

）。

<!-- JS --> 
<script type="text/javascript"> 
    function LoadPrintableVersion() { 
     window.open("Test.pdf"); 
    } 
</script> 

<!-- HTML --> 
<span id="spanPrintableVersion" onclick="LoadPrintableVersion()"> 
    Printable Version 
</span> 

オプション2（純粋なHTML）

<a href="test.pdf" target="_blank">Printable Version</a> 

Answer 2

（私はそれをお勧めしませんが）ので、あなたは、ブラウザの印刷コマンドをハイジャックすることはできませんが、キーボードショートカットをハイジャックすることができますユーザーがctrl/cmd + pを使用して印刷すると、PDFにリダイレクトされます（または何か他のことをします）。これは使い勝手の良い地雷ですが、 "印刷可能なバージョン"という大きなリンクを作成してPDF（または印刷用のCSSを使用するページのバージョン）にリンクするだけです。

CSSファイルのprintメディアタイプにいくつかのルールを定義するだけで、ユーザーが印刷したときにブラウザが適用されます。ハックやジャバスクリプトは一切ありません。

しかし、私はprintコマンド用の小さなショートカットハイジャックスクリプトを作成しました。それは一種のトリッキーなのでmacコマンドキーのですが、のようなもの：かなりクールだ

var cmd = false; 

$(document).on('keydown', function(e) { 

    if(detectMacCommand(e.which)) { 
     cmd = true; 
     return; 
    } 

    // now detect print (ctr/cmd + p) 
    if (e.which == 80 && (e.ctrl || cmd)) { 
     e.preventDefault(); 
     alert('redirect to PDF'); 
    } 

}).on('keyup', function(e) { 

    if(detectMacCommand(e.which)) { 
     cmd = false; 
     return; 
    } 

}); 

function detectMacCommand(key) { 
    return ($.browser.mozilla && key == 224 || 
      $.browser.opera && key == 17 || 
      $.browser.webkit && (key == 91 || key == 93)); 
} 
​ 

が、それを使用しないでください:)

Answer 3

をここW3Cは、あなたがしなければならないと言う方法です。

<LINK REL="alternate" HREF="/path/to/PDFVersion.pdf" TYPE="application/pdf" MEDIA="print" TITLE="PDF version" /> 

マインドあなたは、私の知る限り、何のブラウザは、現在、このサポートしていません。ごめんなさい。