Heim >Backend-Entwicklung >Golang >Go ChromeDP ignoriert beim Drucken als PDF jegliches externe oder interne CSS und verwendet nur das CSS aus der HTML-Datei
Go ChromeDP ignoriert beim Drucken als PDF jegliches externe oder interne CSS und verwendet nur das CSS aus der HTML-Datei
- PHPznach vorne
- 2024-02-10 14:42:09692Durchsuche
php-Editor Youzi stellt Ihnen ein Tool namens Go ChromeDP vor, das alle externen und internen CSS-Stile ignorieren und beim Drucken von Webseiten als PDF nur die CSS-Stile in der HTML-Datei verwenden kann. Dieses Tool kann Entwicklern dabei helfen, den Stil der PDF-Ausgabe besser zu steuern und flexiblere Anpassungsoptionen bereitzustellen. Mit Go ChromeDP können wir ganz einfach hochwertige PDF-Dokumente generieren, die unseren Anforderungen entsprechen und so eine bessere Benutzererfahrung und Funktionalität für unsere Projekte bieten. Lassen Sie uns als Nächstes mehr über die Verwendung und Funktionen von Go ChromeDP erfahren!
Frageninhalt
go chromedp verwendet kein CSS, weder interne noch externe Stile (nur in HTML geschriebene Stile, keine anderen Dateien). Die Methode, die ich verwende
page.setdocumentcontent(frametree.frame.id, string(buf.bytes())).do(ctx)
Fügen Sie die HTML-Datei zu chromedp hinzu und
buf, _, err: = page.printtopdf().do(ctx)
if err != nil {
return err
}
_, err = outputbuf.write(buf)
if err != nil {
return err
}
Als PDF drucken, aber das resultierende PDF hat keine Stile (auch nicht bei Verwendung eines externen CSS-Dateiservers). Ich habe versucht, es mit page.getresourcetree().do(ctx) + css.createstylesheet(resourcetree.frame.id).do(ctx) + hinzuzufügen
css.SetStyleSheetText(stylesheet, `.c {
color: red;
font-size: 30px;
background-color: aqua;
}
`).Do(ctx)
Es funktioniert zwar, aber es ist schwierig, es jedes Mal zu verwenden, wenn ich ein PDF generieren möchte, insbesondere in meinem Fall, weil ich HTML aus html/template verwende. Vielleicht gibt es eine einfache Möglichkeit, externes CSS zu einer einzelnen HTML-Datei hinzuzufügen? was denken Sie?
Vielen Dank für Ihre Antwort
Bohdan
Ich möchte chromedp verwenden, um eine Go-Vorlage mit externem CSS, Bildern und Schriftarten in PDF zu konvertieren, aber es ignoriert alles außerhalb der Haupt-HTML-Datei.
Workaround
Bitte beachten Sie, dass das Laden externer Ressourcen einige Zeit in Anspruch nimmt. Sie sollten warten, bis sie geladen sind. Wenn die Seite fertig ist, wird das page.loadeventfired-Ereignis ausgelöst. Wir können also auf dieses Ereignis warten und dann die Seite drucken. Siehe Demo unten:
package main
import (
"context"
"fmt"
"log"
"net/http"
"net/http/httptest"
"os"
"sync"
"time"
"github.com/chromedp/cdproto/page"
"github.com/chromedp/chromedp"
)
func main() {
ts := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
// Simulate a network latency.
time.Sleep(2 * time.Second)
w.Header().Set("Content-Type", "text/css")
fmt.Fprint(w, `h1 {font-size: 100pt; color: red;}`)
}))
defer ts.Close()
ctx, cancel := chromedp.NewContext(context.Background())
defer cancel()
// construct your html
html := `<html>
<head>
<link rel="stylesheet" href="%s/style.css">
</head>
<body>
<h1> Hello World! </h1>
</body>
</html>
`
var wg sync.WaitGroup
wg.Add(1)
if err := chromedp.Run(ctx,
chromedp.Navigate("about:blank"),
// setup the listener to listen for the page.EventLoadEventFired
chromedp.ActionFunc(func(ctx context.Context) error {
lctx, cancel := context.WithCancel(ctx)
chromedp.ListenTarget(lctx, func(ev interface{}) {
if _, ok := ev.(*page.EventLoadEventFired); ok {
wg.Done()
// remove the event listener
cancel()
}
})
return nil
}),
chromedp.ActionFunc(func(ctx context.Context) error {
frameTree, err := page.GetFrameTree().Do(ctx)
if err != nil {
return err
}
return page.SetDocumentContent(frameTree.Frame.ID, fmt.Sprintf(html, ts.URL)).Do(ctx)
}),
// wait for page.EventLoadEventFired
chromedp.ActionFunc(func(ctx context.Context) error {
wg.Wait()
return nil
}),
chromedp.ActionFunc(func(ctx context.Context) error {
buf, _, err := page.PrintToPDF().Do(ctx)
if err != nil {
return err
}
return os.WriteFile("sample.pdf", buf, 0644)
}),
); err != nil {
log.Fatal(err)
}
log.Println("done!")
}
Referenz: https://www.php.cn/link/13c86fac19a52dbc843105b709dc71fc一个>.
Das obige ist der detaillierte Inhalt vonGo ChromeDP ignoriert beim Drucken als PDF jegliches externe oder interne CSS und verwendet nur das CSS aus der HTML-Datei. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!