Come usare JavaScript per stampare un PDF

È comprensibile voler stampare un file PDF usando codice direttamente nella pagina web. L'alternativa è far scaricare il PDF, aprirlo e stamparlo da un altro programma come Adobe Acrobat. Usare JavaScript per stampare un PDF risparmia all'utente i passaggi per esaminare un PDF prima di stamparlo.

Passaggio 1

Apri il tuo editor di testo, dovrai scrivere codice. Un frame inline, o "iframe", è un elemento in una pagina web progettato per contenere un documento esterno. Ti serve l'elemento iframe perché JavaScript può stampare il suo contenuto. Assicurati che il file HTML della pagina e il PDF siano nella stessa directory se vuoi che il codice funzioni senza modifiche. Ecco l'HTML da mettere nella pagina:

L'attributo "src" (sorgente) dice all'iframe dove cercare il documento esterno. In questo caso punta al file PDF. Se il tuo PDF ha nome o percorso diverso, cambia "document.pdf" con le info corrette. L'attributo "id" ti permette di referenziare questo iframe con JavaScript.

Passaggio 2

Scrivi un JavaScript per referenziare l'iframe e stampare il suo contenuto. Il seguente HTML crea un pulsante "Stampa" con una riga di JavaScript nell'handler "onclick":

Il JavaScript referenzia l'elemento HTML iframe per 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 testa. Vorrai salvare con estensione ".htm" e aprirlo nel browser per testare.