Como remover o URL da página de impressão?


102

Quero remover o URL que é impresso na parte inferior da página.

gostar:

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

Como pode ser omitido ou impedir que seja impresso?

Para ser mais específico, há alguma maneira de evitar que o URL da página, a data e o título da página sejam impressos durante a impressão da página da web?


3
Isso pode ser feito de forma programática? É realmente uma configuração de página do navegador!
— Shoban

Totalmente uma coisa de 'configuração de página do navegador'. Mas eu achei este tutorial um pouco útil para CSS de página de impressão.
— Mayeenul Islam

Respostas:


123

O exemplo de código a seguir funcionará para você,

<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>

veja a resposta em Desativar opções de impressão do navegador (cabeçalhos, rodapés, margens) na página?

e especificação da @page


3
No Firefox 20.0, isso não remove o URL da visualização da impressão
— Mirzhan Irkegulov


Ótima resposta. Melhor ainda, basta definir a margem inferior, por exemplomargin-bottom: 0mm;
— CompanyDroneFromSector7G

2
Isso realmente funcionou no meu Firefox 50 @MirzhanIrkegulov
— aexl

O iniciador de tópico perguntou como remover os colontitles superior e inferior (título do número da página do url) que um navegador adiciona durante a visualização da impressão.
— Pavel Nazarov,

39

encontrei algo no próprio navegador.

Experimente estes passos. aqui foram mencionadas as etapas para desativar o cabeçalho e rodapé em todos os três navegadores principais.

Chrome Clique no ícone Menu no canto superior direito do navegador. Clique em Imprimir. Desmarque cabeçalhos e rodapés na seção Opções.

Firefox Clique em Firefox no canto superior esquerdo do navegador. Passe o mouse sobre Imprimir e clique em Configurar página. Clique na guia Margens e Cabeçalho / Rodapé. Altere cada valor em Cabeçalhos e rodapés para - em branco--.

Internet Explorer Clique no ícone de engrenagem no canto superior direito do navegador. Passe o mouse sobre Imprimir e clique em Configurar página. Altere cada valor em Cabeçalhos e rodapés para -Esvazie-.


18

Mostrar a URL é uma preferência do cliente do navegador, não acessível aos scripts em execução na página (vamos enfrentá-lo, uma página também não pode ser impressa silenciosamente).

Para evitar o "vazamento" de informações por meio da string de consulta, você pode enviar via POST


1
nããão ... O POST não é um mecanismo de criptografia - é uma dica sobre os possíveis efeitos colaterais da solicitação.
— troelskn

Em vez de imprimir uma longa string de consulta com várias linhas. Terei o maior prazer em imprimir apenas o url
— Shoban

a string de consulta faz parte do url. se o url for muito longo, você deve corrigir isso.
— troelskn

4
Eu não disse que era uma coisa de criptografia - ela remove os parâmetros de consulta do URL, que era um fator de atenuação solicitado
— Rowland Shaw

11

Se você definir a margem de uma página usando o código abaixo, o cabeçalho e os rodapés serão omitidos da página impressa. Eu testei isso no FireFox e no Chrome.

<style media="print">
 @page {
  size: auto;
  margin: 0;
       }
</style>

1
Observe que isso remove a margem entre as páginas no Firefox. Exemplo: i.imgur.com/krDlC1K.png
— Blaise

8

Estou falando sobre o Mozilla Firefox (espero que seja da mesma forma em outros navegadores também).

Clique no menu do Firefox , vá para imprimir , selecione a configuração da página no submenu de impressão. Uma janela pop-up aparecerá na tela, vá para a guia "Margem e Cabeçalho / Rodapé" .

Nesse caso, selecione "EM BRANCO" para o cabeçalho / rodapé conforme o requisito antes da impressão. Você pode verificar a visualização para confirmação.

Espero que isso ajude.


7

Isso me ajudou a: Imprimir página sem links

@media print {
    a[href]:after {
        content: none !important;
    }
}

você pode explicar isso
— M.suleman Khan

Tive um problema com hiperlinks de bootstrap mostrando seu conteúdo href na página impressa. Essa solução me ajudou a resolver o problema.
— Mohsin

3

Você pode remover a exibição de url no documento impresso através das configurações do seu navegador. Basta clicar em arquivo-> configuração da página-> cabeçalho e rodapé definir todas as coisas como em branco. ajudar você


2

Não sei se você está falando de um rodapé no seu gráfico real ou do url que o processo de impressão no navegador está fazendo.

Se for o url o processo de impressão fica realmente a cargo do navegador se ele tem um recurso para desligar isso.

Se for a informação do rodapé, eu recomendaria usar uma folha de estilo de impressão e dentro dessa folha de estilo para fazer

display: none;

Para o ID ou classe específica do rodapé.

Para fazer uma folha de estilo de impressão, você precisa adicioná-la ao cabeçalho.

<link rel="stylesheet" type="text/css" href="/css/print.css" media="print" />

2

Hoje em dia, você pode usar history APIpara modificar o URL antes de imprimir e, em seguida, alterar novamente:

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

Mas você precisa fazer um PRINTbotão personalizado para o usuário clicar.


Usando a sua solução, ainda vejo " domain-name.com " impresso no canto superior direito. Ele removeu tudo depois disso.
— Tod Birdsall

1

No Google Chrome, isso pode ser feito definindo as margens como 0 ou, se a impressão for ruim, ajustando apenas o suficiente para empurrar o texto indesejado para as áreas não imprimíveis da página. Eu tentei e funciona: D

insira a descrição da imagem aqui


1

O problema do navegador pode ser resolvido por estes:

<style type="text/css" media="print">
      @media print
      {
         @page {
           margin-top: 0;
           margin-bottom: 0;
         }
         body  {
           padding-top: 72px;
           padding-bottom: 72px ;
         }
      } 
</style>

Votado porque você inclui CSS que coloca as margens de volta no lugar. THX!
— Tod Birdsall

0

Eu concordaria com a maioria das respostas dizendo que é uma configuração do navegador, mas ainda assim você pode conseguir o que deseja via COM. Lembre-se de que a maioria dos navegadores ainda terá problemas com isso e até mesmo o IE aumentará a barra de segurança COM para os usuários. Portanto, a menos que não seja algo que você esteja oferecendo dentro da organização, não o faça.


0

Eu tenho o mesmo problema. Gostaria de saber se é possível criar o HTML para impressão através de um plugin jquery: http://www.recoding.it/?p=138

Em seguida, envie o HTML para um script php (usando uma chamada ajax), gere um pdf com http://www.xhtml2pdf.com/ ou http://code.google.com/p/wkhtmltopdf/ .

Posteriormente, o pdf pode ser exibido (definindo o tipo de conteúdo apropriado e renderização direta) ou exibido por um redirecionamento http para o pdf gerado.

Os pdfs gerados na pasta pfd_for_printing podem atuar como cache e ser excluídos por um trabalho uma vez por dia.


Quero imprimir parte da página (com estilos) em PDF ... Como posso fazer isso? stackoverflow.com/questions/25082395/…
— SearchForKnowledge de

0

No Chrome 57, o seguinte funcionou para mim, se você tiver controle da página HTML que precisa ser impressa (no meu caso, precisei imprimir uma pequena etiqueta de 3 x 1 polegada):

  • remova o elemento de título HTML do cabeçalho (temporariamente usando jquery ou permanentemente se a página não precisar de um título)
  • defina a margem da @page para 0 conforme mencionado por @Chamika Sandamal

Isso resultou na impressão de uma página que continha apenas o corpo do texto, sem URLs, sem #s de página etc.


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>

este código remove apenas a margem. É por isso que o url não exibe. mas quando você usa isso, você perde o número da página.
— Pramod Deshmukh

desejo remover apenas o url da página impressa, não o número da página
— Pramod Deshmukh


0

Isso está funcionando bem para mim usando jquery

<style>
  @media print { @page { margin: 0; } 
   body { margin: 1.6cm; } }
</style>

-1

Talvez você possa experimentar o Chrome (Provavelmente Safari também)

O url e o número da página no cabeçalho e rodapé não ficam visíveis quando imprimo em PDF no OSX com Google Chrome.

Não tenho certeza se isso se aplica ao Windows


-1

Eu tenho um truque para removê-lo da página de impressão no Firefox. Usa isto:

<html moznomarginboxes mozdisallowselectionprint>

Na tag html você deve usar moznomarginboxes mozdisallowselectionprint. Tenho certeza que vai te ajudar muito.


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

Verifique este link


1
Olá, bem-vindo ao SO, obrigado por tentar responder a esta pergunta. Você pode fornecer mais explicações por trás de sua resposta e a lógica por trás de sua correção? Felicidades!
— James Wong - Reintegrar Monica em

Olá, obrigado, isso funciona perfeitamente no Chrome (pelo menos), não sei por que as pessoas votaram nesta solução perfeita.
— Saman

-1

Esta será a solução mais simples. Tentei a maioria das soluções na internet, mas só isso me ajudou.

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

    @page :header {
        display: none
    }
}

1
Em qual navegador isso funciona? No Chrome 80 não funciona.
— Ruben S

-3

Bem, eu pesquisei de cima a baixo porque precisava da resposta para mim e para meus projetos, e cheguei à conclusão de que, na verdade, não importa quais informações você mostre no endereço da url, ela vai até:

if (!$_SESSION["valid_user"]) 

Portanto, mesmo que alguém apenas digite o endereço exato da sua página impressa, ele receberá ... Página de login :)

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.