Como imprimir uma página enorme enquanto preserva o estilo?

Question

Eu tentei todas as opções padrão possíveis e acho que será necessário algum truque para fazer isso da maneira certa.

Pressionar PrtSc , colar no Paint e cortar as margens funcionaria, mas eu gostaria de obter uma solução para várias páginas. Repetir PrtSc várias vezes está fora de questão.

Sempre que tento imprimir uma página, por exemplo, esta página do Twitter , obtenho algo assim, não importa o sistema operacional ou navegador eu uso. Como posso obtê-lo para preservar o estilo ao fazer isso?

    

Answer 1

Você pode fazer uma captura de tela (usando algo como Aviary para o Chrome) e imprimi-lo.

    

Answer 2

Outra opção seria um programa de criação de 'impressora PDF', pessoalmente eu uso o Bullzip para muitas páginas bancárias on-line que não são impressas corretamente. Basta imprimi-los para o criador do PDF e imprimi-los a partir daí! :)

    

Answer 3

Ok, eu descobri como fazer isso!

O estilo do Twitter é corrompido quando você imprime devido ao fato de que as folhas de estilo HTML podem ter tipos de mídia atribuídos a eles, fornecendo assim estilos diferentes para diferentes mídias (impressora, tela, etc.).

Então, salvei a página do Twitter que preciso imprimir em um arquivo HTML (escolhendo a Página da Web, completa) e examinei as fontes de HTML. Eu vi que o CSS principal estava tendo media="screen" - o que significa que esse CSS não teve efeito para impressão.

Eu removi apenas o texto media="screen" do HTML e salvei-o.

Agora a página do Twitter é impressa da maneira certa!

Esta informação também será útil para outras pessoas que tentam imprimir ou tirar uma captura de tela de grandes páginas da web.

Quando a captura de tela que leva o plug-in / complemento falhar devido ao tamanho da página da Web (no caso do Firefox, isso resultará nessa exceção no Console de erros:

Error: uncaught exception: [Exception... "Component returned failure code:
0x8007000e (NS_ERROR_OUT_OF_MEMORY) [nsIDOMHTMLCanvasElement.getContext]"  
nsresult: "0x8007000e (NS_ERROR_OUT_OF_MEMORY)"  location: "JS frame :: 
chrome://uploadscreenshot/content/uploadscreenshot.js :: <TOP_LEVEL> :: 
line 211"  data: no]

) que você imprime em uma impressora PDF e este método de edição de estilo irá ajudá-lo!