19.01.2025

Como Remover URL, Data e Título ao Imprimir uma Página da Web

Resposta Rápida

Para evitar que URLs apareçam nas páginas da web impressas, você pode usar CSS. Você precisará criar uma consulta de mídia para impressão que se pareça com isto:

@media print {
  /* Ocultar URL ao imprimir */
  a[href]:after { content: none; }
  /* Reiniciar margens na página */
  @page { margin: 0; }
}

Esse código removerá os URLs vinculados a hyperlinks durante a impressão, além das áreas na página onde normalmente aparecem cabeçalhos e rodapés.

Por Trás do Processo: Princípios e Estratégias de Impressão

Configurando a Impressão no Chrome, Firefox e IE

Cada navegador tem suas próprias ferramentas para ajustar as configurações de impressão:

• Chrome e Edge têm uma função que desabilita cabeçalhos e rodapés através do diálogo de impressão do sistema (Ctrl+Shift+P).
• No Firefox, isso é feito através do menu "Configurar Página" em "Margens e Cabeçalho/Rodapé".
• No Internet Explorer, configurações similares podem ser encontradas em "Imprimir" > "Configurar Página".

Usando Requisições POST para Ocultar Informações

O método POST fornece proteção para informações privadas, evitando que sejam expostas na URL, o que por sua vez aumenta a segurança ao imprimir páginas.

Ajuste Automático do Tamanho da Página

Para garantir que o conteúdo se encaixe perfeitamente na página impressa:

@media print {
  /* A página se ajusta automaticamente ao tamanho do conteúdo */
  @page { size: auto; }
}

Dessa forma, o conteúdo se adaptará ao formato da página impressa.

Visualização

Imagine uma página da web como uma pintura na parede:

🖼️ = Conteúdo do Site  | 🏷️ = URL indesejada ao imprimir

Uma solução para eliminar informações de atributo desnecessárias ao imprimir:

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

No final, você terá:

🖼️🖼️🖼️ = Conteúdo impresso sem URL 🚫🏷️

Apenas o conteúdo da sua página em todo seu esplendor.

Método Avançado Usando CSS

Para remover elementos desnecessários ao imprimir:

@media print {
  /* Tudo ficará preto e branco na versão impressa */
  body {
    color: black;
    background: white;
  }
  /* Ocultar imagens e vídeos */
  img, video {
    display: none;
  }
  /* Sem navegação, rodapé ou anúncios */
  .navigation, .footer, .ads {
    display: none;
  }
}

Gerenciando a Pré-Visualização de Impressão

Prepare o conteúdo com antecedência:

/* Preparar a página para impressão */
window.onbeforeprint = function() {
  // Aplicar configurações personalizadas
};
/* Restaurar a página ao seu estado original */
window.onafterprint = function() {
  // Reverter para os parâmetros normais
};

Dessa forma, você terá mais controle sobre o resultado da impressão.

Acessibilidade para Usuários com Deficiências Visuais

Certifique-se de que informações importantes a serem impressas não dependem de cor ou URLs exibidas.

Recursos Úteis

1. @page - CSS | MDN — documentação sobre a regra @page do CSS.
2. Estilos de Impressão em 2018 | Smashing Magazine — uma visão geral das abordagens modernas para estilização de impressão.
3. opencv cvarrtoMat segfault | Stack Overflow — discussão sobre como ocultar URLs ao imprimir no Stack Overflow.
4. Guia Completo de Consultas de Mídia CSS | CSS-Tricks — mais detalhes sobre consultas de mídia e estilos para impressão.

Video

Navigation