Una manera de guardar los resultados HTML a través de JS

He hecho una aplicación web JavaScript para calcular algo basado en un formulario HTML. Debe funcionar bien en todos los navegadores web modernos y la mayoría de los dispositivos móviles, por lo que lo hice con Bootstrap 3, no hay problema aquí, pero la aplicación está volviendo una página con los resultados, y otros datos, y no me parece que la figura cómo hacer posible la posibilidad de guardar esos resultados en todos los dispositivos móviles + PCs de escritorio.

Esto es lo que he probado hasta ahora:

  1. He intentado generar una pantalla de impresión de la página y de lo que he leído, esto no se puede hacer utilizando sólo JavaScript. Así que el callejón sin salida aquí.

  2. En este momento estoy usando jsPDF para crear un PDF con los resultados, esto funciona bien en todo, pero cuando se trata del botón de descarga, sólo funciona en el escritorio y iOS. En el navegador predeterminado de Android (versión bajo 4.4) no parece estar funcionando. No pasa nada y el problema es general (de nuevo, de lo que he leído). Blob.js relacionados.

  3. He intentado usar ViewerJS para mostrar el PDF generado al usuario. Este plugin tiene un botón de descarga por lo que es la razón principal por la que he considerado el uso de este. Pero todavía tengo un problema, ViewerJS necesita una ruta de acceso a un archivo PDF en disco para trabajar y jsPDF no crea uno, sino que sólo crea una ruta URI (espero que así se llame), así: data: application / pdf; base64, JVBERi0xLjM … (un URI muy largo). Y no sé cómo hacer que ViewerJS cargue el PDF desde ese URI en lugar de hacerlo desde un archivo en disco.

Estoy buscando una solución a uno de esos, pero también nuevas sugerencias.

Realmente espero que alguien me pueda ayudar. Gracias de antemano.

Puede utilizar lienzo HTML5 y permitir al usuario descargar los resultados como image / png. La opción de descarga de imágenes está disponible en la mayoría de los navegadores modernos, tanto en dispositivos móviles como de escritorio.

<html> <head> <title></title> <script> function update() { var canvas = document.createElement("canvas"); canvas.width = 300; canvas.height = 300; var ctx = canvas.getContext("2d"); ctx.fillStyle = "#dddddd"; ctx.fillRect(0, 0, 300, 300); ctx.fillStyle = "#000000"; ctx.font = "20px Helvetica"; ctx.fillText(document.getElementById("text").value, 100, 100); document.getElementById("img").src = canvas.toDataURL("image/png"); } </script> </head> <body> <input id="text" onkeyup="update()" /> <img id="img" /> </body> 

  • Creación de un archivo pdf en android mediante programación y escritura en él
  • Android WebView: Eliminar opción de pop-out en Google Drive / Visor de documentos
  • Cómo desarrollar un lector de pdf en android
  • No se puede abrir el archivo PDF en una aplicación externa
  • Pdf visor de la biblioteca con curl de página en android
  • PDF "Descargar sin éxito" Solo en teléfonos Android
  • generar PDF desde Android usando PrintedPdfDocument y View.draw
  • Cómo utilizar el archivo existente .so en la aplicación android
  • Convertir PDF a imagen (con un formato adecuado)
  • Cómo obtener la actividad de vista Web para desaparecer con PDF Link Action_view
  • Cómo puedo convertir un mapa de bits en formato PDF en android
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.