Wie kann ich diese Webseite mit allen Codeausschnitten und ohne fehlendes Bild ausdrucken?

Wie kann ich diese Webseite mit allen Codeausschnitten und ohne fehlendes Bild ausdrucken?

Ich möchte eine Webseite ausdruckenhttps://www.journaldev.com/3524/spring-hibernate-integration-example-tutorialin eine PDF-Datei.

Im Chrome-Browser klicke ich mit der rechten Maustaste auf die Webseite und wähle „Drucken...“ und die erstellte PDF-Datei

  • enthält nicht das Bild im Abschnitt „Beispielprojektstruktur für die Spring Hibernate-Integration“

  • enthält nur einen Teil der Codeausschnitte, die nicht vollständig angezeigt werden können, ohne die Bildlaufleiste nach oben und unten zu scrollen

Ich habe mich gefragt, ob es eine Möglichkeit gibt, ohne die oben genannten Probleme zu drucken? Insbesondere das zweite Problem.

Ich verwende Ubuntu 16.04 als mein Betriebssystem.

Danke.

Antwort1

Erste Methode

Eine Möglichkeit hierfür besteht darin, das CSS mithilfe von „Element untersuchen“ zu bearbeiten. Klicken Sie mit der rechten Maustaste auf einen beliebigen Codeausschnitt auf der Seite und wählen Sie „Element untersuchen“ aus.

Sehen Sie sich nun das Bild unten an und deaktivieren Sie auf der rechten Seite die Eigenschaft „Max. Höhe“.

Deaktivieren Sie die Eigenschaft „Max-Height“.

CtrlDrücken Sie zum Drucken + , ohne die Seite zu aktualisieren P.

Hinweis: Wenn Sie die Seite aktualisieren, wird sie in den vorherigen Zustand zurückgesetzt.

Wenn Sie dasselbe mit anderen Seiten auf derselben Site tun möchten, ist die zweite Methode besser als die erste.

Zweite Methode

Eine andere Möglichkeit, dies zu erreichen, besteht darin, JavaScript in den Site-Einstellungen für diese bestimmte Site zu deaktivieren. Allerdings fehlt Ihnen dann die Syntaxhervorhebung in Codeausschnitten.

Gehen Sie zu chrome://settings/content/siteDetails?site=https%3A%2F%2Fwww.journaldev.com. Dort können Sie die Site-Einstellungen für diese Site ändern.

JavaScript ist standardmäßig zulässig, Sie müssen es daher deaktivieren.

Deaktivieren von Javascript

Laden Sie jetzt die Webseite neu und drücken Sie Ctrl+, Pum zu drucken.

Beim Drucken habe ich einige Lücken gefunden. Diese können Sie jedoch ganz einfach mit „Element untersuchen“ entfernen. Siehe die AnleitungHier.

Quelle

Hoffe das hilft.

verwandte Informationen