☰

Wie speichere ich eine druckerfreundliche Version als HTML?

tag-icon • tag-icon firefox google-chrome printing
Wie speichere ich eine druckerfreundliche Version als HTML?

Beispiel: Die Amazon AWS-Kontoaktivität enthält eine „druckerfreundliche Version“. Es wird ein weiteres Fenster mit einer druckeroptimierten Version meiner Rechnungsstellung angezeigt und der Druckdialog geöffnet. Wenn ich drucke, als PDF speichere oder abbreche, verschwindet das Popup-Fenster. Ich möchte es gerne geöffnet lassen.

Die Option „Drucken/Als PDF speichern“ verwendet eine zu große Schriftart, umbricht die Zeilen und bewirkt, dass einige der letzten Zeilen auf eine andere Seite verschoben werden. Ich denke, wenn ich auf Inhalte zugreifen könnte, die in einem Popup im Browser geöffnet werden, könnte ich die Schriftgröße ändern und dann drucken oder andere Dinge ausprobieren.

Generell suche ich nach einer Möglichkeit, den Browser daran zu hindern, das Popup nach dem Drucken zu schließen.

Antwort1

Sie können dieWeb-EntwicklerErweiterung. Sie ermöglicht Ihnen die Anzeige der printStile für eine bestimmte Site:

Bildbeschreibung hier eingeben

Antwort2

Das Problem war, dass der Inhalt dynamisch generiert wurde, als ich auf „Druckerfreundliche Version“ klickte. Glücklicherweise ist der JS-Code, der dies tut, nicht verschleiert/minimiert. Der href des Links ist es href="javascript:printBillSummary()"und die Methode befindet sich direkt im Seitentext. Den vollständigen Inhalt finden Sie hier:http://pastie.org/3806630aber das interessanteste Stück kommt am Ende:

var printWindow = window.open(windowUrl, windowName, 'left=50000,top=50000,width=0,height=0');
printWindow.document.write(printContentWrapper.html());
printWindow.document.close();
printWindow.focus();
printWindow.print();
printWindow.close();

Ich habe in der ersten Zeile mit „Schließen“ einen Debugger-Haltepunkt hinzugefügt und auf den Link geklickt. Dann wurde in der unteren linken Ecke des Bildschirms ein kleines Fenster mit dem Inhalt angezeigt, auf den ich zugreifen wollte.

Es war zeitaufwändiger, als den Inhalt in einen Texteditor zu kopieren und manuell zu formatieren, aber das, was ich gelernt habe, hat sich gelohnt (-:

Antwort3

Sie müssten nach Stylesheets mit media="print" suchen. Diese Stylesheets sind für Druckversionen zuständig. Ich habe einige Plugins gesehen, die den Medientyp im Browserfenster ändern können.

verwandte Informationen