zusätzliche Optionen in Chrom headless print-to-pdf

Ich Hilfe benötige man mehr Zeit. Ich versuche auf eine Seite drucken in pdf mit headless-Funktion des chrome. Aber, Kopf-und Fußzeile in der pdf. Ich fand, dass diese option wurde implementiert Devtools.

https://chromedevtools.github.io/devtools-protocol/tot/Page/#method-printToPDF

Aber ich kann nicht finden, wie kann ich diese Optionen in der CLI. Auch ist es möglich, zum aufrufen der Devtools von Selen?

Außerdem, wie kann ich die Seite aufrufen.PrintToPDF in Dev-tools. Ich habe versucht, den Befehl in der Konsole. Es zeigt Seite nicht definiert ist.

  • Zuallererst, sind Sie mit diesen beiden Fahnen von der Kommandozeile aus? --headless \ # Läuft Chrome im headless-Modus. --disable-gpu \ # Vorübergehend benötigt für jetzt.
  • Heute stieß ich auf ein ähnliches problem und festgestellt, dass derzeit die einzige Lösung zu sein scheint, nutzen Sie den chrome-debugging-Protokoll. Für eine andere Frage, die ich schrieb eine Antwort, wie das zu tun, von der CLI: stackoverflow.com/a/51431779/1149404
InformationsquelleAutor user2580925 | 2017-09-06
  1. 8

    Fügen Sie dieses CSS auf die Seite Ihres Schaffens in eine PDF-Datei zu entfernen, Chrome Headless implementiert Header und Footer.

    CSS:

    @media print {
  @page { margin: 0; }
  body { margin: 1.6cm; }
}

    Sollten Sie formatieren Sie Ihre Befehl wie unten um das PDF zu erstellen:

    "C:\PATH\TO\CHROME\EXECUTABLE\FILE", "--headless","--disable-gpu","--print-to-pdf=" + directory path to where you want the file to go followed by the desired file name/fileName.pdf,"--no-margins", "the path to the file you want turned into a pdf"

    Beispiel 1:

    C:\chrome-win/chrome --headless --disable-gpu --print-to-pdf=C:\user\fileName.pdf --no-margins C:\Projects\index.html

    Beispiel 2:

    Sie können auch testen Sie diese Funktionalität, indem Sie die Navigation in der Befehlszeile zu dem Ordner mit Chrome ausführbare Datei, und diesen Befehl ausführen:

    chrome --headless --disable-gpu --print-to-pdf https://www.chromestatus.com/

    edit: Tippfehler

    • Sie sind messing --print-to-pdf und --print-topdf
    • Dies nicht korrekt lösen das Problem auf multi-Seite PDF-Dateien - es entfernt den unteren Rand auf alle, aber die Letzte Seite und den oberen Rand auf alle, aber die erste. Ich nehme an, es gibt keine Möglichkeit, dies zu tun, ohne zu brechen multi-Seitenränder, es sei denn, Sie verwenden die DevTools-API...
    • codermonkeyfuel, dies hat für mich gearbeitet, um zu erstellen Sie mehrseitige PDF-Dateien ohne die original-Marge auf jeder Seite mit den beiden Chrom-Headless Windows-und Linux-Bibliothek. Erstellen Sie ein neues Thema oder post weitere Infos unten. Ich werde Euch helfen, dieses Problem zu beheben.
    • würden Sie bitte klären, wie Sie die css-Datei unter Verwendung der CLI? Ich verstehe nicht, wie man dies tun, wenn die url, die ich speichern möchten, ist eine web-Seite, nicht eine lokale html-Datei
    • In der Vergangenheit habe ich Phantomjs zu ändern vorhandener Seiten, bevor Sie Sie in PDF ' s, aber ich habe noch nie verwendet Chrome Headless, das gleiche zu tun. Ich glaube, dass Sie gelingen kann, die CSS habe ich oben aufgeführt mit Puppenspieler: github.com/GoogleChrome/puppeteer
    InformationsquelleAutor nuccio
  2. 1

    "/path/to/google-chrome" : Dies ist der Pfad von Google Chrome.

    '--headless' : Chrome-browser in eine headless-Umgebung, ohne das gesamte browser-UI

    '--run-all-compositor-stages-before-draw' : Es Verhindert, dass die Pdf-Erstellung Vor, alle Daten gerendert werden(Nachdem alle Daten gerendert, die das pdf erstellt).

    '--virtual-time-budget = x: Es Verzögert den Prozess der Erstellung der Pdf, hier x werden die Millisekunden.

    '--print-to-pdf' : Dieses Flag legt die pdf-Datei von der angegebenen Url.

    URL : Die url der Webseite.

    PDF-Seite Formatieren (Mit CSS)
    Das hinzufügen dieser(css-Dateien):

     @media print {
            @page { margin: 0mm 0mm 0mm 0mm;
            size:8in 9.5in;
            }
            }

    Den Oben genannten CSS-code hat keine Auswirkung auf die Webseite zu Rendern,Aber Auswirkungen auf die Formatierung der Seite in PDF nur.

    InformationsquelleAutor Ayaz Ur Rashid
Schreibe einen Kommentar