Saltar al contenido

Eliminar el título de la página y la fecha al imprimir la página web (¿con CSS?)

Ya no tienes que indagar más por otras páginas porque estás al espacio perfecto, poseemos la respuesta que quieres pero sin problemas.

Solución:

Históricamente, ha sido imposible hacer que estas cosas desaparezcan, ya que son configuraciones de usuario y no se consideran parte de la página sobre la que tiene control.

Sin embargo, a partir de 2017, la @page Se ha estandarizado la regla at, que se puede utilizar para ocultar el título y la fecha de la página en los navegadores modernos:

@page  size: auto;  margin: 0mm; 

Imprimir encabezados/pies de página e imprimir márgenes

Al imprimir documentos web, los márgenes se configuran en el cuadro de diálogo Configurar página (o Configurar impresión) del navegador. Estos ajustes de márgenes, aunque se establecen en el navegador, se controlan a nivel del sistema operativo/controlador de impresora y no se pueden controlar a nivel de HTML/CSS/DOM. (Para encabezados y pies de página impresos controlados por CSS, consulte Impresión de encabezados).

La configuración debe ser lo suficientemente grande como para abarcar las áreas físicas que no son de impresión de la impresora. Además, deben ser lo suficientemente grandes como para abarcar el encabezado y el pie de página que el navegador normalmente está configurado para imprimir (por lo general, el título de la página, el número de página, la URL y la fecha). Tenga en cuenta que estos encabezados y pies de página, aunque especificados por el navegador y generalmente configurables a través de las preferencias del usuario, no son parte de la página web en sí y, por lo tanto, no son controlables por CSS. En términos de CSS, quedan fuera del cuadro de página CSS2.1 Sección 13.2.

… es decir, establecer un margen de 0 oculta el título de la página porque el título se imprime en el margen.

Crédito a Vigneswaran S por este consejo.

Es simple. Solo usa css.


Una posible solución para el Título de la página:

  • Proporcione un botón de impresión,
  • capturar el evento onclick,
  • use javascript para cambiar el título de la página,
  • luego ejecute el comando de impresión a través de javascript también.

document.title = "Print page title"; window.print();

Esto debería funcionar en todos los navegadores.

Si guardas alguna perplejidad y forma de progresar nuestro ensayo te insinuamos añadir una reseña y con deseo lo interpretaremos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *