Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

132
Views
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 answers
Answer question

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!