Làm cách nào để buộc trình duyệt in phiên bản PDF của trang web?

Question

Xem xét trang HTML tĩnh là test.html và phiên bản có thể in của trang đã được lưu trữ trong test.pdf. Làm cách nào để hướng dẫn trình duyệt tải và in test.pdf thay vì test.html khi khách truy cập cho biết trình duyệt của họ để in?

Nếu không thể làm thế nào tôi có thể giới thiệu một nút in (sử dụng JavaScript) trong trang HTML để làm như vậy?

Answer 1

Bạn không thể buộc trình duyệt in tệp khác với người dùng đang yêu cầu/đang xem. Đó sẽ là một cơn ác mộng an ninh!

Phương án 1 (JS (theo yêu cầu) & HTML)

tôi khuyên bạn nên tạo một liên kết printable version trên trang web của bạn mà sẽ trực tiếp người dùng đến .pdf (mở PDF trong một cửa sổ mới sẽ thích hợp hơn).

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

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

Lựa chọn 2 (html tinh khiết)

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

Answer 2

Bạn không thể chiếm quyền điều khiển các lệnh in trong trình duyệt, nhưng bạn có thể chiếm quyền điều khiển các phím tắt (mặc dù tôi không muốn giới thiệu nó) để khi người dùng in bằng cách sử dụng ctrl/cmd + p, nó chuyển hướng đến một tệp PDF (hoặc thực hiện điều gì đó khác). Tuy nhiên, đây là một bãi chứa khả năng sử dụng, có lẽ bạn chỉ cần tạo một liên kết lớn có nội dung "Bản in được" và liên kết nó với tệp PDF (hoặc phiên bản của trang sử dụng CSS thân thiện với bản in).

Một lựa chọn tốt khác là chỉ cần xác định một số quy tắc cho loại phương tiện print trong tệp CSS của bạn, sau đó trình duyệt sẽ áp dụng những điều đó khi người dùng in, không có bất kỳ hack hoặc javascript nào cả.

Nhưng kể từ khi bạn hỏi tôi đã tạo một tập lệnh chặn nhỏ phím tắt cho lệnh in. Đó là loại khó khăn vì các phím lệnh mac, nhưng cái gì đó như:

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)); 
} 
​ 

Đó là khá mát mẻ, nhưng không sử dụng nó :)

Answer 3

Dưới đây là cách W3C nói rằng bạn nên:

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

Tâm trí bạn, như xa như tôi có thể nói, không trình duyệt hiện hỗ trợ này. Lấy làm tiếc.