Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

134
Vistas
Cómo imprimir toda la página larga en una página pdf sin dividir muchas páginas en javascript

Quiero imprimir pdf desde mtlnovel en una página pdf sin dividir muchas páginas. Por ejemplo https://www.mtlnovel.com/pick-up-the-invincible-world-attributes-at-the-start/chapter-1-invincible-attribute-system/

para esta página de ejemplo, uso un lápiz óptico (complemento de Chrome) para configurar este css para imprimir la página completa en una página pdf sin dividir muchas páginas.

 @media print { @page { size: 148.5mm 1891mm; } }

pero no todos los capítulos de la novela tienen el mismo tamaño de altura, por lo que necesito cambiar manualmente el tamaño de altura de cada capítulo

Soy novato, así que no sé mucho. ¿Puedo preguntar cómo cambiar automáticamente la altura de la página de impresión para cada capítulo?

por ejemplo, uso JavaScript personalizado para sitios web 2 y este código para obtener la altura en mm

 height = ((document.documentElement.offsetHeight * 0.2733)).toFixed(0);

pero no sé cómo cambiar CSS. Quiero cambiar el alto de la página al número que obtuve del código anterior. Por ejemplo, algo como esto.

 @media print { @page { size: 148.5mm heightmm; } }

Editar; Ok ahora, trato de hacer esto y funciona bien para mí

 (function() { document.addEventListener('keydown', (e) => { if (e.keyCode === 37) { autoresize(); } }); })(); function autoresize() { let height = ((document.documentElement.offsetHeight * 0.2733)).toFixed(0); var dst2 = document.getElementById("style2"); if (dst2 != null) { document.getElementById("style2").remove(); } var style = document.createElement('style'); style.type = 'text/css'; style.id = 'style2'; style.innerHTML = '@media print {@page {size: 148.5mm ' + height + 'mm;}}'; if (document.body != null) { document.body.appendChild(style); } }
about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Si solo necesita hacer esto para uso personal (no mediante programación para los visitantes de su sitio), puede usar las herramientas de desarrollo de Chrome para guardar una captura de pantalla de página completa de un sitio en el que se encuentra:

  1. Abra Chrome Dev Tools en el sitio en cuestión
  2. Desde las herramientas de desarrollo, escriba Ctrl + Shift + P ( Command + Shift + P en Mac)
  3. Se abrirá la paleta de comandos: escriba "captura de pantalla" en ella
  4. De las opciones enumeradas, seleccione "Capturar captura de pantalla de tamaño completo"

Espere un momento para que tome la captura de pantalla completa: aparecerá como una descarga en esa pestaña cuando se complete (aunque no aparecerá en su página de descargas real, pero dejará un archivo en sus descargas) destino). Luego puede imprimir este archivo en un PDF como lo desee.

Una advertencia: esto no siempre funcionará con sitios que tienen un desplazamiento interno que no está en el elemento <body> , por lo que en algunos casos tendrá que jugar con los estilos para hacerlo bien.

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda