用于打印编码为数据 URL 的 PDF 的跨浏览器解决方案

Question

On Firefox, const printWindow = window.open(pdfDataUrl) opens a new window with the PDF loaded and ready to print. However following it with printWindow.print() fails to wait long enough for the PDF to be ready before printing, and printWindow.onload = printWindow.print never fires for some reason.

On Chrome, const printWindow = window.open(pdfDataUrl) doesn't work. Answers to other Stack Overflow questions recommend wrapping the data URL in an iframe. That works, but then calling iframeElement.contentWindow.print() does nothing. As a potential workaround, the user can right-click on the frame contents and click print.

Is there a cross-browser solution to this issue?

Answer 1

You can just execute this on load:

window.onload => function(){
    setTimeout(print,1000);
}
function print(){
    window.print();
}