Cuando imprima una página web desde su navegador web, notará que la impresión contiene información adicional como el número de página, la fecha y la URL de la página web en la parte inferior de la página. Algunas veces es posible que no necesite esta información en su impresión para ordenar su trabajo.
Aquí hay algunos métodos que le permiten imprimir páginas web sin que aparezca información adicional en la parte inferior de la página.
Hay dos enfoques a través de los cuales podemos lograr esto.
- Enfoque programático: aquí hay algunas formas más simples de hacerlo.
Ejemplo 1:
css
@page {
size: auto;
margin: 0;
}
Ejemplo 2:
css
@print {
@page :footer {
display: none
}
@page :header {
display: none
}
}
- Pero puede ocurrir algún problema en el navegador debido a que el código anterior no funciona. Entonces, el siguiente código se puede usar para superar los problemas del navegador. Ejemplo 3:
css
@media print {
@page {
margin-top: 0;
margin-bottom: 0;
}
body {
padding-top: 72px;
padding-bottom: 72px ;
}
}
- Enfoque del lado del navegador: Existen los pasos para deshabilitar el encabezado y el pie de página en un navegador.
- Microsoft Edge: vaya al menú Archivo y elija Configuración de página en el menú desplegable y haga clic en el menú que muestra la URL en la sección Encabezados y pies de página y seleccione «-Vacío-» en el menú.
- Mozilla Firefox: Vaya a la opción Configurar página en el menú Archivo y haga clic en la pestaña Márgenes y encabezado/pie de página. Cambie cada valor en Encabezados y pies de página a –en blanco–.
- Google Chrome: Vaya al ícono de Menú en la esquina superior derecha del navegador y haga clic en el botón Imprimir. Desmarque la opción «Encabezados y pies de página» debajo de la opción «Márgenes».
- Apple Safari: vaya a la opción de impresión del menú y aparecerá el cuadro de diálogo Imprimir. Desmarque la opción «Imprimir encabezados y pies de página».
Salida de muestra:
- Cuando Url está visible:
Además, tenga en cuenta que la casilla de encabezados y pies de página está marcada. - Cuando se elimina la URL: tenga en
cuenta que la casilla de encabezados y pies de página no está marcada.