javascript - tablas - CSS: deshabilitar encabezado y pie de página desde la vista previa de la impresión Chrome

imprimir div html javascript

Question

una de mis aplicaciones es POS basado en web (Punto de venta). así que mientras imprime facturas en cromo. el encabezado de página y el pie de página insertados automáticamente por el navegador que deseo suprimir a través de la página y sin intervención del usuario.

Apliqué un poco de CSS aquí en los medios impresos,

@media print {
 #header, #footer { 
    visibility: hidden !important;
    display: none !important;
 }
}

Pero no se aplica, ¿tal vez el selector no es correcto?

Y también traté de reducir el margen, pero está cortando / anulando el contenido de la página, si la impresión tiene varias páginas ... Y una cosa más, no quiero deshabilitar la opción de vista previa de impresión para Chrome.

¿Alguien tiene una buena solución para esto?

Atentamente..

Answer 1

utilizar

@page{margin:0px auto;}

en tu script css. Es muy probable que esto afecte el diseño de su página al imprimir, por lo que probablemente desee agregar un #container div con el relleno correcto para que su página se vea bien de nuevo. Solo probado en Google Chrome.

Answer 2

. . No estoy seguro de qué tan conocedor está usted en el desarrollo, pero los selectores de CSS deben coincidir con algunos elementos. La [página] "encabezado" y [página] "pie de página", como en "página [impresa]", no como en "página [web]", no pueden ser segmentados por CSS así, especialmente no con los elegidos arbitrariamente Los ID, y los que probablemente colisionarían con sus propios ID de página y que los proveedores de navegadores nunca aceptarían implementar.

. . La sugerencia de usar "margin: 0 auto;" en una directiva "@page" es realmente correcto (dado que el navegador no tiene suficiente margen para mostrar, simplemente los ocultará). El problema es que actualmente solo Chrome lo admite correctamente. Con otros navegadores no tiene buenas opciones además de crear un PDF e imprimirlo. Sin embargo, puede crear un PDF autoimpresible que muestre el cuadro de diálogo de impresión tan pronto como se cargue usando JavaScript incrustado, pero creo que es lo más lejos que puede llegar.

. . Buena suerte.