Wie kann ich diese Webseite mit den gesamten Code-Snippets und ohne fehlendes Bild drucken?

515
Tim

Ich möchte eine Webseite https://www.journaldev.com/3524/spring-hibernate-integration-example-tutorial als PDF-Datei ausdrucken .

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

  • enthält das Bild nicht im Abschnitt "Projektstruktur für Spring Hibernate Integration Example"

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

Ich habe mich gefragt, ob es einen Weg gibt, ohne die oben genannten Probleme zu drucken? Besonders das zweite Problem.

Ich verwende Ubuntu 16.04 als OS.

Vielen Dank.

2

1 Antwort auf die Frage

1
CodeIt

Erste Methode

Eine Möglichkeit, dies zu tun, besteht darin, die CSS mit dem Inspect-Element zu bearbeiten. Klicken Sie mit der rechten Maustaste auf ein beliebiges Code-Snippet auf der Seite und wählen Sie "Element prüfen".

Beziehen Sie sich jetzt auf das Bild und deaktivieren Sie die Eigenschaft max-height auf der rechten Seite.

Deaktivieren Sie die Eigenschaft max-height

Ohne die Seite zu aktualisieren, drücken Sie zum Drucken Ctrl+ P.

Hinweis: Wenn Sie die Seite aktualisieren, kehrt die Seite zum vorherigen Status zurück

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

Zweite Methode

Eine andere Möglichkeit, dies zu erreichen, ist das Deaktivieren von JavaScript in den Site-Einstellungen für diese bestimmte Site. Sie werden jedoch die Syntax-Hervorhebung in Code-Snippets vermissen.

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

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

disabling javascript

Laden Sie nun die Webseite neu und drücken Sie zum Drucken Ctrl+ P.

Beim Drucken habe ich einige Lücken gefunden. Sie können dies jedoch mit inspect element leicht entfernen. Sehen Sie die Anleitung hier .

Quelle

Hoffe das hilft.

Vielen Dank. Könnten Sie ein wenig erklären, warum Javascript die Ursache meines Problems ist? Tim vor 6 Jahren 0
Entschuldigung @Tim. Ich weiß nicht genau, wie JavaScript in Ihrem Fall ein Problem verursacht hat. Es war eigentlich eine Vermutung. Ich habe eine weitere Methode hinzugefügt, mit der Sie dies tun können, ohne das JavaScript zu deaktivieren. Wenn Sie diese Frage beantworten, akzeptieren Sie sie als Antwort. CodeIt vor 6 Jahren 0
Vielen Dank. Bei der horizontalen Bildlaufleiste konnte ich Ihren zweiten Weg für https://spring.io/guides/gs/maven/ nicht aktivieren. Hast du eine Lösung? Tim vor 6 Jahren 0
Die @Tim Second-Methode funktioniert nicht. Klicken Sie mit der rechten Maustaste auf ein beliebiges Code-Snippet auf der Seite mit horizontaler Bildlaufleiste und wählen Sie "Element inspizieren". Deaktivieren Sie nun die Eigenschaft 'white-space: pre'. Siehe die GIF [hier] (https://i.imgur.com/EelStYu.gif). Um die Seite nicht zu aktualisieren, drücken Sie zum Drucken "Strg + P". CodeIt vor 6 Jahren 0

Verwandte Probleme