¿Cómo eliminar la URL de la página de impresión?

102

Quiero eliminar la URL que se imprime en la parte inferior de la página.

me gusta:

yomari.com/.../main.php?sen_n

¿Cómo se puede omitir o evitar que se imprima?

Para ser más específico, ¿hay alguna forma de evitar que se imprima la URL de la página, la fecha y el título de la página mientras se imprime la página web?

Martín Thoma
fuente
3
¿Se puede hacer eso programáticamente? ¡Es realmente una configuración de página de navegador!
Shoban
Totalmente una cosa de "configuración de la página del navegador". Pero encontré este tutorial un poco útil para imprimir páginas CSS.
Mayeenul Islam

Respuestas:

123

El siguiente ejemplo de código funcionará para usted,

<style type="text/css" media="print">
@page {
    size: auto;   /* auto is the initial value */
    margin: 0;  /* this affects the margin in the printer settings */
}
</style>

ver la respuesta sobre ¿ Deshabilitar las opciones de impresión del navegador (encabezados, pies de página, márgenes) desde la página?

y especificación de la @page

Chamika Sandamal
fuente
3
En Firefox 20.0, esto no elimina la URL de la vista previa de impresión
Mirzhan Irkegulov
2
Solución de Firefox: stackoverflow.com/questions/2192806/…
Konstantin Vdovkin
Gran respuesta. Aún mejor, simplemente establezca el margen inferior, por ejemplomargin-bottom: 0mm;
CompanyDroneFromSector7G
2
Esto realmente funcionó en mi Firefox 50 @MirzhanIrkegulov
aexl
El iniciador del tema preguntó cómo eliminar los colontitulos superiores e inferiores (título del número de página de la URL) que un navegador agrega durante la vista previa de impresión.
Pavel Nazarov
39

Encontré algo en el lado del navegador.

Pruebe estos pasos. aquí me han mencionado los Pasos para deshabilitar el encabezado y pie de página en los tres principales navegadores.

Chrome Haga clic en el ícono de Menú en la esquina superior derecha del navegador. Haga clic en Imprimir. Desmarque Encabezados y pies de página en la sección Opciones.

Firefox Haga clic en Firefox en la esquina superior izquierda del navegador. Coloque el mouse sobre Imprimir, haga clic en Configurar página. 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--.

Internet Explorer Haga clic en el ícono de ajustes en la esquina superior derecha del navegador. Coloque el mouse sobre Imprimir, luego haga clic en Configurar página. Cambie cada valor en Encabezados y pies de página a -Vacío-.

Jah Yusuff
fuente
18

Mostrar la URL es una preferencia del cliente del navegador, no accesible para los scripts que se ejecutan dentro de la página (seamos sinceros, una página tampoco puede imprimirse en silencio).

Para evitar "filtrar" información a través de la cadena de consulta, puede enviarla mediante POST

Rowland Shaw
fuente
1
noooo ... POST no es un mecanismo de cifrado, es una pista sobre los posibles efectos secundarios de la solicitud.
troelskn
En lugar de imprimir una larga cadena de consulta de varias líneas. Estaría feliz de imprimir solo la URL
Shoban
la cadena de consulta es parte de la URL. si la URL es demasiado larga, debería corregirla.
troelskn
4
No dije que fuera una cuestión de cifrado; elimina los parámetros de consulta de la URL, que era un factor de mitigación solicitado
Rowland Shaw
11

Si establece el margen para una página utilizando el código debajo, el encabezado y los pies de página se omiten de la página impresa. He probado esto en FireFox y Chrome.

<style media="print">
 @page {
  size: auto;
  margin: 0;
       }
</style>
Denver Chiwakira
fuente
1
Tenga en cuenta que esto elimina el margen entre las páginas en Firefox. Ejemplo: i.imgur.com/krDlC1K.png
Blaise
8

Te estoy hablando de Mozilla Firefox (espero que también sea de la misma manera en otros navegadores).

Haga clic en el menú de Firefox , vaya a Imprimir , seleccione Configuración de página en el submenú de Imprimir. Aparecerá una ventana emergente en su pantalla, vaya a la pestaña "Margen y encabezado / pie de página" .

En eso, seleccione "EN BLANCO" para el encabezado / pie de página según el requisito antes de imprimir. Puede consultar la vista previa para confirmarlo.

Espero que esto sea de ayuda.

Mitravind Garg
fuente
7

Esto me ayudó: Imprimir página sin enlaces

@media print {
    a[href]:after {
        content: none !important;
    }
}
mihaela
fuente
¿Puede explicar esto?
M.suleman Khan
Tuve un problema con los hipervínculos de arranque que mostraban su contenido href en la página de impresión. Esta solución me ayudó a solucionar el problema.
Mohsin
3

Puede eliminar la URL que se muestra en el documento impreso a través de la configuración de su navegador. Simplemente haga clic en archivo-> configuración de página-> encabezado y pie de página, configure todo en blanco. ayudarte

Anju
fuente
2

No sé si está hablando de un pie de página dentro de su gráfico real o de la URL que está realizando el proceso de impresión dentro del navegador.

Si es la URL, el proceso de impresión realmente depende del navegador si tiene una función para desactivarlo.

Si es la información del pie de página, recomendaría usar una hoja de estilo de impresión y dentro de esa hoja de estilo para hacer

display: none;

Para el ID o clase particular del pie de página.

Para hacer una hoja de estilo de impresión, debe agregar esto al encabezado.

<link rel="stylesheet" type="text/css" href="/css/print.css" media="print" />
Ólafur Waage
fuente
2

Hoy en día, puede usar history APIpara modificar la URL antes de imprimir, luego volver a cambiar:

var curURL = window.location.href;
history.replaceState(history.state, '', '/');
window.print();
history.replaceState(history.state, '', curURL);

Pero debe crear un PRINTbotón personalizado para que el usuario haga clic.

James Yang
fuente
Usando su solución, todavía veo el "nombre de dominio.com " impreso en la esquina superior derecha. Eliminó todo después de eso.
Tod Birdsall
1

En Google Chrome, esto se puede hacer estableciendo los márgenes en 0, o si se imprime mal, luego ajustándolo lo suficiente para empujar el texto no deseado a las áreas no imprimibles de la página. Lo probé y funciona: D

ingrese la descripción de la imagen aquí

Ardee Aram
fuente
1

Problema del navegador, pero se puede resolver con estos:

<style type="text/css" media="print">
      @media print
      {
         @page {
           margin-top: 0;
           margin-bottom: 0;
         }
         body  {
           padding-top: 72px;
           padding-bottom: 72px ;
         }
      } 
</style>
Md. Hasibul Huq
fuente
Voto a favor porque incluyes CSS que restablece los márgenes. ¡Gracias!
Tod Birdsall
0

Estoy de acuerdo con la mayoría de las respuestas diciendo que es una configuración del navegador, pero aún puede lograr lo que desea a través de COM. Tenga en cuenta que la mayoría de los navegadores todavía tendrán problemas con eso e incluso IE elevará la barra de seguridad COM para los usuarios. Entonces, a menos que no sea algo que esté ofreciendo dentro de la organización, no lo haga.

picadillo
fuente
0

Tengo el mismo problema. Me pregunto si es posible crear el HTML para imprimir a través de un complemento de jquery: http://www.recoding.it/?p=138

Luego envíe el HTML a un script php (usando una llamada ajax), genere un pdf con http://www.xhtml2pdf.com/ o http://code.google.com/p/wkhtmltopdf/ .

Posteriormente, el pdf podría mostrarse (configurando el tipo de contenido apropiado y la representación directa) o mostrarse mediante un redireccionamiento http al pdf generado.

Los archivos PDF generados en la carpeta pfd_for_printing-folder podrían actuar como caché y ser eliminados por un trabajo una vez al día.

chris
fuente
Quiero imprimir parte de la página (con estilos) a PDF ... ¿Cómo puedo lograrlo? stackoverflow.com/questions/25082395/…
SearchForKnowledge
0

En Chrome 57, lo siguiente funcionó para mí, si tiene el control de la página HTML que debe imprimirse (en mi caso, necesitaba imprimir una etiqueta pequeña de 3 x 1 pulgada):

  • elimine el elemento de título HTML del encabezado (ya sea temporalmente usando jquery o permanentemente si esa página realmente no necesita un título)
  • establezca el margen de @page en 0 como lo menciona @Chamika Sandamal

Esto resultó en la impresión de una página que solo contenía el texto del cuerpo, sin URL, sin números de página, etc.

Johnny
fuente
0
<style type="text/css" media="print">
  @page {
    size: auto;  
    margin: 0;  
  }
</style>
//now set manual padding to body
<style>
  body{
    padding-left: 1.3cm;
    padding-right: 1.3cm; 
    padding-top: 1.1cm;
  }
</style>
Rajiv Chaturvedi
fuente
Este código elimina solo el margen. Es por eso que la URL no se muestra. Pero cuando lo usa, pierde el número de página.
Pramod Deshmukh
solo quiero eliminar la URL de la página en la impresión, no en el número de página
Pramod Deshmukh
0
@media print { a[href]:after { content: none !important; } }
Rashid Khitilov
fuente
0

Esto funciona bien para mí usando jquery

<style>
  @media print { @page { margin: 0; } 
   body { margin: 1.6cm; } }
</style>
Mugeesh Husain
fuente
-1

Quizás puedas probar Chrome (probablemente Safari también)

La URL y el número de página en el encabezado y pie de página no son visibles cuando imprimo en PDF en OSX con Google Chrome.

Lo siento, no estoy seguro si esto se aplica a Windows

PhilD
fuente
-1

Tengo un truco para eliminarlo de la página de impresión en Firefox. Utilizar este:

<html moznomarginboxes mozdisallowselectionprint>

En la etiqueta html tienes que usar moznomarginboxes mozdisallowselectionprint. Seguro que te ayudará mucho.

ario
fuente
-1
@media print {
    #Header, #Footer { display: none !important; }
}

Revisa este enlace

Lien Vu
fuente
1
Hola, bienvenido a SO, gracias por intentar responder a esta pregunta. ¿Puede proporcionar más explicación detrás de su respuesta y la lógica detrás de su solución? ¡Salud!
James Wong - Reincorpora a Monica
Hola, gracias, esto funciona perfectamente en Chrome (al menos), no sé por qué la gente rechazó esta solución perfecta.
Saman
-1

Esta será la solución más sencilla. Probé la mayoría de las soluciones en Internet, pero solo esto me ayudó.

@print {
    @page :footer {
        display: none
    }

    @page :header {
        display: none
    }
}
Zanyar J. Ahmed
fuente
1
¿En qué navegador funciona esto? En Chrome 80 no funciona.
Ruben S
-3

Bueno, busqué todo el camino hacia arriba y hacia abajo porque necesitaba la respuesta para mí y para mis proyectos, y llegué a la conclusión de que, en realidad, no importa qué información muestres en la dirección URL, su hasta:

if (!$_SESSION["valid_user"]) 

Entonces, incluso si alguien simplemente escribe la dirección exacta de su página impresa, obtendría ... Página de inicio de sesión :)

Aleksandar
fuente