Como posso imprimir esta página da web com os trechos de código inteiros e sem perder a imagem?

Question

Eu quero imprimir uma página da web link em um arquivo pdf.

No navegador Chrome, clico com o botão direito do mouse na página da Web e escolho "imprimir ..." e o arquivo PDF criado

• não contém a imagem na seção "Estrutura do projeto de exemplo de integração do Spring Hibernate"

• contém apenas parte dos snippets de código que não podem ser exibidos totalmente sem rolar a barra de rolagem para cima e para baixo

Eu queria saber se existe alguma maneira de imprimir sem os problemas acima? Especialmente o segundo problema.

Estou usando o Ubuntu 16.04 como meu sistema operacional.

Obrigado.

    

Answer 1

Primeiro método

Uma maneira de fazer isso é editar o CSS usando o elemento inspecionar. Clique com o botão direito do mouse em qualquer trecho de código na página e selecione "Inspecionar Elemento".

Agora, consulte a imagem abaixo e desmarque a propriedade max-height da página da direita.

Sematualizarapágina,pressioneCtrl+Pparaimprimir.

Note:Thepagegoesbacktopreviousstatewhenyourefreshthepage

Sevocêquiserfazeromesmocomoutraspáginasnomesmosite,osegundométodoémelhorqueoprimeiro.

Segundométodo

OutramaneiradeconseguirissoédesativaroJavaScriptnasconfiguraçõesdositeparaessesiteespecífico.Masvocêperderáodestaquedasintaxenostrechosdecódigo.

Acessechrome://settings/content/siteDetails?site=https%3A%2F%2Fwww.journaldev.com,quepermitealterarasconfiguraçõesdositeparaessesite.

JavaScriptépermitidoporpadrão,entãovocêprecisadesativá-lo.

AgorarecarregueapáginadaWebepressioneCtrl+Pparaimprimir.

Ifoundsomegapsinbetweenwhenitriedtoprint.Butyoucaneasilyremovethatusinginspectelement.Seetheguidehere.

Fonte

Espero que isso ajude.