Come utilizzare JavaScript per stampare un PDF

È comprensibile che tu voglia stampare un file PDF utilizzando il codice che si trova direttamente nella tua pagina web. L'alternativa è fare in modo che il visualizzatore scarichi il file PDF, lo apra e poi lo stampi da un altro programma come Adobe Acrobat. L'utilizzo di JavaScript per stampare un PDF evita all'utente finale la fatica di eseguire i passaggi per esaminare un file PDF prima di stamparlo.

Passaggio 1

Apri il tuo elaboratore di testi, poiché avrai bisogno di scrivere del codice. Un inline frame, o "iframe", è un elemento all'interno di una pagina web progettato per contenere un documento esterno. È necessario l'elemento iframe perché JavaScript è in grado di stamparne il contenuto. Assicurati solo che il file HTML della pagina Web e il file PDF si trovino nella stessa directory se desideri che il codice funzioni correttamente senza essere modificato. Ecco l'HTML che deve essere nella tua pagina:

L'attributo "src", o source, è il modo in cui l'elemento iframe sa dove cercare un documento esterno. In questo caso, punta al file PDF. Quindi, se il tuo file PDF ha un nome o un percorso di file diverso, cambia "document.pdf" per riflettere le informazioni corrette. L'attributo "id" ti consentirà di fare riferimento a questo iframe con JavaScript.

Passaggio 2

Scrivi un JavaScript per fare riferimento all'iframe e stamparne il contenuto. Il seguente codice HTML crea un pulsante "Stampa" con una riga di JavaScript nel gestore di eventi "onclick" per fare in modo che ciò avvenga:

Il JavaScript fa riferimento all'elemento HTML iframe tramite il suo ID "PDFtoPrint" che hai assegnato. I due comandi inviati all'iframe per la stampa sono "focus()" e "contentWindow.print()".

Passaggio 3

Salva e prova il tuo lavoro. Probabilmente vorrai salvare il codice con un'estensione di file ".htm", quindi può essere aperto nel tuo browser web per il test.