Cómo utilizar JavaScript para imprimir un PDF

Es comprensible que desee imprimir un archivo PDF utilizando un código ubicado directamente en su página web. La alternativa es hacer que su visor descargue el archivo PDF, ábralo y luego imprímalo desde otro programa como Adobe Acrobat. El uso de JavaScript para imprimir un PDF ahorra al usuario final la molestia de seguir los pasos para examinar un archivo PDF antes de imprimirlo.

Paso 1

Abra su procesador de textos, ya que necesitará escribir algo de código. Un marco en línea, o "iframe", es un elemento dentro de una página web diseñado para contener un documento externo. Necesita el elemento iframe porque JavaScript es capaz de imprimir su contenido. Solo asegúrese de que el archivo HTML de la página web y el archivo PDF estén en el mismo directorio si desea que el código funcione correctamente sin ser modificado. Este es el código HTML que debe estar en su página:

El atributo "src", o fuente, es cómo el elemento iframe sabe dónde buscar un documento externo. En este caso, apunta al archivo PDF. Por lo tanto, si su archivo PDF tiene un nombre de archivo o una ruta diferente, cambie "document.pdf" para reflejar la información correcta. El atributo "id" le permitirá hacer referencia a este iframe con JavaScript.

Paso 2

Escriba un JavaScript para hacer referencia al iframe e imprima su contenido. El siguiente HTML crea un botón "Imprimir" con una línea de JavaScript en el controlador de eventos "onclick" para que esto suceda:

El JavaScript hace referencia al elemento HTML iframe por su ID "PDFtoPrint" que le asignó. Los dos comandos enviados al iframe para imprimir son "focus()" y "contentWindow.print()".

Paso 3

Guarda y prueba tu trabajo. Es probable que desee guardar el código con una extensión de archivo ".htm" y luego podrá abrirlo en su navegador web para probarlo.