Wie kann man eine Website-Druckversion umgehen?

8

Ich versuche, ein PDF einer Seite von der Website dailymail.co.uk zu speichern. Wenn ich den Druckdialog öffne (in Safari und Chrome), verliert die Seite ihre gesamte Formatierung und wird zu einer abgespeckten druckbaren Version. Ich kann den Vorteil davon sehen, aber ich frage mich, wie ich diese Funktion umgehen kann, da ich ein PDF der gesamten Seite speichern möchte, wie es auf der Site angezeigt wird.

Hier ist ein Beispielartikel (zufällig von der Homepage ausgewählt)

Gibt es eine Codezeile, die ich mit dem Chromes Dev Tool von der Seite löschen kann, damit ich die ganze Seite drucken kann?

OrangeBox
quelle

Antworten:

7

Höchstwahrscheinlich wird das headTag eine Zeile wie diese enthalten :

<link ... media="print" ... />

Entfernen Sie es einfach über den Chrome Inspector, indem Sie mit der rechten Maustaste darauf klicken und es löschen. Wenn dies das Problem nicht behebt, gibt es höchstwahrscheinlich einen anderen. Das Problem dabei ist jedoch, dass es manchmal immer noch nicht gerendert wird, da die anderen höchstwahrscheinlich media="screen"auf dem Druck ausgeblendet sind.

Beachten Sie, dass Kommentare nicht mehr ausgeblendet sind und Sie daher manchmal mehr als 100 Seiten haben können.

Bei dieser speziellen Website gibt es ein gedrucktes CSS, jedoch alle anderen, media="screen"und Sie müssten alle diese ändern, um dieses Attribut zu entfernen. (Ein bisschen Schmerz im @ $$):

das Druck-Stylesheet

Sie erwähnen, dass Sie Chrome verwenden, daher würde ich die Screenshot-Erweiterung "Webseite" verwenden und das Bild als Entwurf drucken (damit keine Fotoqualität erzielt wird).

Cole Johnson
quelle
Ah, damit Browser alle gedruckten SCREEN-Elemente ignorieren? gut zu wissen - danke!
OrangeBox
@OrangeBox Weitere Informationen zu CSS- Medientypen finden Sie in diesem W3Schools-Artikel .
Alex
1
@Alex Weitere Informationen dazu, warum Sie W3Schools nicht verwenden sollten, finden Sie in diesem W3Fools-Artikel .
Cole Johnson
1
Hat jemand eine Chrome-Erweiterung geschrieben, die dies tut? Ich würde ein Kopfgeld (und mehr) zahlen, wenn es einen kompletten Job machen würde.
TomOnTime
3

Öffnen Sie die Chrome-Entwicklungstools und erzwingen Sie den CSS-Medientyp screenwie in dieser Stackoverflow-Antwort erläutert .

Wenn die Entwicklungswerkzeuge geöffnet bleiben, werden in der Druckvorschau jetzt die Bildschirmstile verwendet.

Eric
quelle
Vorsicht. Wenn Sie eine Seite zufriedenstellend archivieren möchten, überprüfen Sie die Druckvorschau auf Overlay-Popups oder Informationsbanner (häufig am Ende der Seite oder beim Bewegen des Mauszeigers über bestimmte Regionen oder Links), die von der Seite entfernt werden Druckspezifisches CSS. Manchmal ist ein zufälliges Herumspielen erforderlich, damit sie verschwinden.
eMPee584
0

Befindet sich auf Ihrer Tastatur eine PrintScreen-Schaltfläche (PrtScrn)? Wenn dies der Fall ist, drücken Sie diese Taste, um ein Bild des aktuellen Bildschirms im Speicher Ihres Computers abzulegen. Sie können auch ALT gedrückt halten und dann die PrintScreen-Taste drücken, um nur ein Bild des aktuell ausgewählten Fensters aufzunehmen.

Fügen Sie das Bild dann in Word (usw.) ein (Strg / V) und speichern Sie es von dort aus als PDF.

Andernfalls gibt es eine beliebige Anzahl von Bildschirmaufnahme-Tools.

(Zugegeben, dies gibt Ihnen ein PDF eines Bildes, nicht eines indexierbaren Textes. Aber da Sie es von einer Zeitungsseite nehmen, sind Sie wahrscheinlich nicht so besorgt darüber, dass Suchmaschinen es indizieren. Und da es nur eines ist Seite, die PDF-Browser-Textsuche ist wahrscheinlich nicht so wichtig.)

MaryC.fromNZ
quelle
0

Microsoft Edge

Ich weiß, dass das OP nach einer Google Chrome-Lösung gefragt hat, aber Google hat mich trotzdem auf diese Seite verwiesen. Angesichts der hohen Anzahl an Views halte ich das Teilen von Lösungen für andere Browser für in Ordnung.

  1. Klicken Sie auf die in Edge integrierte Schaltfläche "Notizen machen":

    Screenshot mit der Schaltfläche "Notizen machen" in Edge

    (Als Referenz die offizielle Dokumentation: Hinzufügen von Notizen zu Websites in Microsoft Edge )

  2. Klicken Sie auf die Schaltfläche Exportieren, mit der Sie den Screenshot der gesamten Site für andere Apps, z. B. Mail, freigeben können.

    Screenshot mit der Schaltfläche Exportieren

  3. Möglicherweise möchten Sie eine alternative "Empfangs" -App installieren, wenn Mail nicht Ihr bevorzugter nächster Schritt ist, um Ihren Screenshot zu bearbeiten. Ich hatte Erfolg mit Folgendem:

    1. Holen Sie sich die App Zwischenablage .
      Es kopiert die Daten, die Sie freigeben, in die Zwischenablage.
    2. Teilen Sie den Screenshot über Schritt (2) oben mit ihm, fügen Sie ihn in MS Paint ein und speichern Sie ihn.
ComFreek
quelle