Porque é que as minhas páginas web não imprimem o que vejo no meu navegador?
A razão pela qual algumas das suas páginas web estão a imprimir de forma diferente é porque têm uma ** folha de estilos de impressão***.
O que é uma folha de estilos de impressão?
Uma folha de estilos de impressão formata uma página web, por isso, quando impressa, imprime automaticamente num formato de fácil utilização. As folhas de estilos de impressão existem há vários anos e têm sido escritas sobre muita coisa. No entanto, são tão poucas as páginas web que as implementam, o que significa que ficamos com páginas web que, frustrantemente, não imprimem correctamente em papel.
& > É notável que tão poucos websites utilizem folhas de estilo de impressão como:
& > - As folhas de estilo de impressão melhoram enormemente a usabilidade, especialmente para páginas com muito conteúdo (como esta!)
- São fenomenalmente rápidas e fáceis de configurar
& >
Alguns sítios web oferecem um link para uma versão da página que imprime de forma amigável, mas esta, claro, precisa de ser configurada e mantida. Também requer que os utilizadores reparem neste link no ecrã, e depois utilizem-no antes da forma regular de impressão das páginas (por exemplo, seleccionando o botão de impressão no topo do ecrã). Contudo, as versões de impressão são úteis quando se imprime uma série de páginas web ao mesmo tempo, tal como um artigo que se estende a várias páginas web.
Fonte Desactivar Folhas de Estilos de Impressão (CSS) Quando Imprimir um Website
Como Desactivar uma Folha de Estilos de Impressão?
Recentemente precisei de obter um instantâneo de um sítio web exactamente como é mostrado no meu ecrã. Ou seja, queria a cor de fundo, queria os anúncios, queria o layout completo.
& > Uma opção é tirar fotografias sequenciais do ecrã enquanto se desce a página, depois voltar a juntá-las no Photoshop. Isto é demorado e deixa-o com uma imagem de baixa resolução (72dpi).
& > Outra forma de fazer isto é imprimir a página, depois “guardar como” um PDF em vez de imprimir realmente. Isto funciona bastante bem para páginas que não definem um layout diferente para imprimir uma página versus ver a página.
& > Infelizmente para mim, tornou-se cada vez mais popular incluir uma folha de estilo “imprimir” num website, o que define novos estilos de página quando um utilizador tenta imprimir o website. Isto é definido no cabeçalho e tem um aspecto semelhante a este:
& > Encontrei apenas uma opção que responde verdadeiramente às minhas necessidades: O “Web Developer” add-on / extensão desenvolvido por Chris Pederick.
& > Com este plugin pode muito facilmente desactivar TODOS os estilos, estilos por defeito, estilos em linha, estilos incorporados, e, adivinhou, estilos de impressão!
& >
& > Está actualmente disponível para Firefox e Chrome. Espero sinceramente que um dia chegue uma extensão do Safari, uma vez que eu uso principalmente o Safari. A única opção que encontrei para o Safari é desactivar TODOS os estilos - uma funcionalidade que vem por defeito com a versão mais recente (5.0.3) do navegador. Isto é útil durante o desenvolvimento para ver como o seu site será visto num navegador só de texto mas sem a capacidade de seleccionar quais os estilos que está a desactivar tem uma utilidade limitada.
Aqui está um exemplo de como desactivar os estilos de impressão com a extensão acima indicada no Firefox:
Fonte Imprimir folha de estilos - o guia definitivo
