No Windows, não é possível imprimir uma postagem de blog do Medium sem que o código seja recortado

Question

Meu sistema: Windows 10 Pro x64 9200, HP EliteBook 1040, Chrome versão 62.0.3202.62 (compilação oficial) (64 bits)

Gostaria de imprimir esta postagem no blog do Medium:

link

no entanto, quando tento, os fragmentos de código são cortados. Por exemplo, esse pedaço de código, que na verdade é de 15 linhas de código por muito tempo

écortadopara10linhasdecódigo:

ExatamenteomesmoproblemaaconteceseeuimprimiremPDF,emvezdeenviarmeutrabalhodeimpressãoparanossafiladeimpressãodeacompanhamento.

AchoqueoproblemaestádealgumaformarelacionadoaoGitHub...aparentemente,oblogueirousoualgumserviçodoGitHubparacompartilharseuscódigosdentrodeseublog,masesseserviço"não funciona bem" com a impressão da função Chrome. A razão pela qual acredito nisso é que, quando vejo a página do Chrome, os blocos de código são mostrados na íntegra, incluindo o rodapé, que explica que o código está hospedado no GitHub:

MasquandoeuimprimoemPDF,orodapédesaparece:

Apenasparasuaconvieniência,incluoumlinkparao PDF obtido imprimindo em PDF a postagem do blog. Como posso imprimir a postagem sem recortar os trechos de código?

EDITAR como sugerido nos comentários, tentei destacar o código em um snippet e, em seguida, selecione "Imprimir" no menu superior direito do Chrome. Nesse caso, o o snippet é impresso corretamente , mas isso ainda não resolve meu problema ... a menos que eu imprima cada fragmento separadamente e, em seguida, colá-los fisicamente na postagem impressa do blog :) um pouco baixa, mesmo para mim.

    

Answer 1

Uma alternativa é seguir a rota da captura de tela, conforme explicado na resposta do Journeyman Geek.

Outra opção: use um processador de texto.

• Abra a página, selecione todos ( Ctrl - A na maioria dos sistemas)
• copy ( Ctrl - C )
• colar ( Ctrl - V ) em um processador de texto (LibreOffice, MS Word, o que for)

Isso geralmente retém a maioria das formatações e imagens e permite corrigir facilmente o que está errado.

Neste caso específico, os trechos de código não aparecem (presumivelmente porque são IFrames separados no código-fonte HTML). No entanto, você pode copiá-los individualmente e colá-los no lugar certo. Um pouco tedioso, mas por alguns trechos é factível.

Desvantagens:

• algum trabalho manual
• não preserva exatamente a aparência como no navegador

Vantagens:

• mais flexibilidade
• você obtém resolução de impressão completa para o texto

Answer 2

Precisa de um pouco de pós-processamento depois disso (ou minha tela é muito ampla), mas o firefox tem uma ótima ferramenta para capturar uma imagem inteira como parte de sua GCLI - ou CLI gráfico

Pressione shift-f2 ou vá para as ferramentas - > desenvolvedor web - > barra de ferramentas do desenvolvedor.

Lá, digite "screenshot filename.png --fullpage" e tire uma captura de tela do que você vê na tela assim

Eu então cortava as bordas (eu usei o paint.net para isso) já que é muito largo, então imprimi em tinta (sim pintura). Vá para pré-visualizar - e você pode configurá-lo para imprimir em 1 x algo páginas = eu definir 10, então decidiu 6 iria funcionar.

A largura de 1 é essencial - já que basicamente define / dimensiona a largura da página

Em seguida, imprima em PDF, teste para ajustar e imprima fisicamente a partir do PDF, assim que souber que funciona.