什么是无头浏览器？如何使用Golang实现无头浏览器截图？

前言

在Web开发中，有时需要对网页进行截图，以便进行页面预览、测试等操作。

而使用无头浏览器来实现截图功能，可以避免手动操作的繁琐和不稳定性。

这篇文章将介绍：使用Golang进行无头浏览器的截图，轻松实现页面预览、测试和模拟用户操作。

有趣

这篇文章发完，有朋友在朋友圈留言说：没想到还有这种骚操作~

还有朋友问我能不能自动实现移动滑块识别验证，他是想干嘛，有这个想法就挺危险~

大佬们知道能否实现吗？😄

什么是无头浏览器

无头浏览器（Headless Browser）是一种没有图形用户界面的浏览器，它可以在后台运行，并通过编程接口来控制和操作浏览器。

无头浏览器通常用于自动化测试、网页截图、爬虫等场景，可以帮助我们更方便地进行网页操作和数据采集。

常见的无头浏览器包括Chrome Headless、PhantomJS、Puppeteer等。

chromedprod

更多场景

使用Golang实现无头浏览器截图可以在很多场景下发挥作用，以下是一些常见的场景：

网页截图：使用无头浏览器可以方便地对网页进行截图，可以用于生成网页快照、监控网页变化等。
自动化测试：使用无头浏览器可以模拟用户操作，可以用于自动化测试、自动化部署等。
网页爬虫：使用无头浏览器可以模拟浏览器行为，可以用于网页爬虫、数据采集等。
数据分析：使用无头浏览器可以获取网页数据，可以用于数据分析、机器学习等。

chromedp

chromedp

chromedp

package mainimport ("context""io/ioutil""log""time""github.com/chromedp/cdproto/page""github.com/chromedp/chromedp"
)func main() {// 创建一个上下文ctx, cancel := chromedp.NewContext(context.Background())defer cancel()// 设置浏览器选项opts := append(chromedp.DefaultExecAllocatorOptions[:],chromedp.Flag("headless", true),chromedp.Flag("disable-gpu", true),chromedp.Flag("no-sandbox", true),chromedp.Flag("disable-dev-shm-usage", true),chromedp.Flag("remote-debugging-port", "9222"),)allocCtx, cancel := chromedp.NewExecAllocator(ctx, opts...)defer cancel()// 创建一个浏览器实例ctx, cancel = chromedp.NewContext(allocCtx)defer cancel()// 导航到指定的URLvar buf []byteerr := chromedp.Run(ctx, chromedp.Navigate("https://www.baidu.com"), chromedp.Sleep(2*time.Second), chromedp.ActionFunc(func(ctx context.Context) error {// 获取页面截图var err errorbuf, err = page.CaptureScreenshot().WithQuality(90).WithClip(&page.Viewport{X: 0, Y: 0, Width: 1920, Height: 1080, Scale: 1}).Do(ctx)if err != nil {return err}return nil}))if err != nil {log.Fatal(err)}// 将截图保存到文件err = ioutil.WriteFile("screenshot.png", buf, 0644)if err != nil {log.Fatal(err)}
}

chromedp

page.CaptureScreenshot()screenshot.png

运行演示

main.go

go mod tidygo run main.go

执行效果如下：

chromedp

rod

rod

rod

package mainimport ("github.com/go-rod/rod""github.com/go-rod/rod/lib/proto""github.com/go-rod/rod/lib/utils""github.com/ysmood/gson"
)func main() {page := rod.New().MustConnect().MustPage("https://baidu.com").MustWaitLoad()//简单模式，默认截图设置page.MustScreenshot("my.png")//自定义截图设置img, _ := page.Screenshot(true, &proto.PageCaptureScreenshot{Format:  proto.PageCaptureScreenshotFormatJpeg,Quality: gson.Int(90),Clip: &proto.PageViewport{X:      0,Y:      0,Width:  300,Height: 200,Scale:  1,},FromSurface: true,})_ = utils.OutputFile("my.jpg", img)
}