


Go ChromeDP ignores any external or internal CSS during printing to pdf, only uses the CSS from the html file
php Xiaobian Youzi will introduce to you a tool called Go ChromeDP, which can ignore all external and internal CSS styles during the process of printing web pages to PDF, only Use CSS styles from HTML files. This tool can help developers better control the style of PDF output and provide more flexible customization options. With Go ChromeDP, we can easily generate high-quality PDF documents that meet our needs, providing better user experience and functionality for our projects. Next, let us learn about the usage and features of Go ChromeDP!
Question content
go chromedp does not use any css, neither internal nor external styles (only styles written in html, not other files). The method I use
page.setdocumentcontent(frametree.frame.id, string(buf.bytes())).do(ctx)
Add the html file to chromedp, and
buf, _, err: = page.printtopdf().do(ctx) if err != nil { return err } _, err = outputbuf.write(buf) if err != nil { return err }
Print to pdf, but the resulting pdf has no styles (even using an external css file server). I tried adding it using page.getresourcetree().do(ctx)
css.createstylesheet(resourcetree.frame.id).do(ctx)
css.SetStyleSheetText(stylesheet, `.c { color: red; font-size: 30px; background-color: aqua; } `).Do(ctx)
It does work, but it's hard to use it every time I want to generate a pdf, especially in my case since I'm using html from html/template. Maybe there is an easy way to add external css to a single html file? what do you think?
Thank you for your answer
Bohdan
I want to use chromedp to convert a go template with external css, images and fonts to pdf, but it ignores anything outside the main html file.
Solution
Please note that loading external resources takes some time. You should wait for them to load. When the page is ready, the page.loadeventfired
event is raised. So we can wait for this event and then print the page. See demo below:
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!") }
Reference:https://www.php.cn/link/13c86fac19a52dbc843105b709dc71fc一个>.
The above is the detailed content of Go ChromeDP ignores any external or internal CSS during printing to pdf, only uses the CSS from the html file. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics



OpenSSL, as an open source library widely used in secure communications, provides encryption algorithms, keys and certificate management functions. However, there are some known security vulnerabilities in its historical version, some of which are extremely harmful. This article will focus on common vulnerabilities and response measures for OpenSSL in Debian systems. DebianOpenSSL known vulnerabilities: OpenSSL has experienced several serious vulnerabilities, such as: Heart Bleeding Vulnerability (CVE-2014-0160): This vulnerability affects OpenSSL 1.0.1 to 1.0.1f and 1.0.2 to 1.0.2 beta versions. An attacker can use this vulnerability to unauthorized read sensitive information on the server, including encryption keys, etc.

The library used for floating-point number operation in Go language introduces how to ensure the accuracy is...

Queue threading problem in Go crawler Colly explores the problem of using the Colly crawler library in Go language, developers often encounter problems with threads and request queues. �...

This article introduces a variety of methods and tools to monitor PostgreSQL databases under the Debian system, helping you to fully grasp database performance monitoring. 1. Use PostgreSQL to build-in monitoring view PostgreSQL itself provides multiple views for monitoring database activities: pg_stat_activity: displays database activities in real time, including connections, queries, transactions and other information. pg_stat_replication: Monitors replication status, especially suitable for stream replication clusters. pg_stat_database: Provides database statistics, such as database size, transaction commit/rollback times and other key indicators. 2. Use log analysis tool pgBadg

Backend learning path: The exploration journey from front-end to back-end As a back-end beginner who transforms from front-end development, you already have the foundation of nodejs,...

The problem of using RedisStream to implement message queues in Go language is using Go language and Redis...

The difference between string printing in Go language: The difference in the effect of using Println and string() functions is in Go...

Under the BeegoORM framework, how to specify the database associated with the model? Many Beego projects require multiple databases to be operated simultaneously. When using Beego...
