Go ChromeDP ignoriert beim Drucken als PDF jegliches externe oder interne CSS und verwendet nur das CSS aus der HTML-Datei-Golang-php.cn

Go ChromeDP ignoriert beim Drucken als PDF jegliches externe oder interne CSS und verwendet nur das CSS aus der HTML-Datei

PHPz

Freigeben： 2024-02-10 14:42:09

nach vorne

623 Leute haben es durchsucht

Go ChromeDP 在打印到 pdf 期间忽略任何外部或内部 CSS，仅使用 html 文件中的 CSS

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)

Nach dem Login kopieren

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
}

Nach dem Login kopieren

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)

Nach dem Login kopieren

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!")
}

Nach dem Login kopieren

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!