分享每一天-CentOS 定时截屏网页

CentOS 定时截屏网页

GoLang 695 0 创建时间：2022-11-07 17:23:31

CentOS 定时截屏

#### 实现原理
操作/截图：googleChrome + chromeDriver + chromedp

#### 截图
以下操作基于 CentOS Linux release 8.3.2011 操作。 之前尝试通过 Ubuntu 进行测试，不过依赖包有兼容问题遂放弃。

#### 安装必要的软件与环境
```go
# 安装无头浏览器 google-chrome 
$ wget https://dl.google.com/linux/direct/google-chrome-stable_current_x86_64.rpm 
$ yum install google-chrome-stable_current_x86_64.rpm
$ google-chrome –version
```
3.1.2 安装必要的驱动
```go
# 安装 chromeDriver 驱动
$ wget https://chromedriver.storage.googleapis.com/2.32/chromedriver_linux64.zip 
$ unzip chromedriver_linux64.zip -d /usr/bin/
$ chromedriver –version
```
3.1.3 安装必要的字体与图像驱动
```go
# 安装字体与图像驱动解决乱码（英、中、日）
$ yum install xorg-x11-fonts* -y
$ yum install pango.x86_64 libXcomposite.x86_64 libXcursor.x86_64 libXdamage.x86_64 libXext.x86_64 libXi.x86_64 libXtst.x86_64 cups-libs.x86_64 libXScrnSaver.x86_64 libXrandr.x86_64 GConf2.x86_64 alsa-lib.x86_64 atk.x86_64 gtk3.x86_64 –y
$ yum install vlgothic-fonts.noarch  vlgothic-p-fonts.noarch
$ yum install bitmap-fonts bitmap-fonts-cjk
$ yum install wqy-unibit-fonts.noarch wqy-zenhei-fonts.noarch 
$ yum install Xvfb
```

```go
package main

import (
	"context"
	"github.com/chromedp/cdproto/emulation"
	"github.com/chromedp/cdproto/page"
	"github.com/chromedp/chromedp"
	"io/ioutil"
	"log"
	"math"
	"time"
)

func main() {
opts := append(
		chromedp.DefaultExecAllocatorOptions[:],
		chromedp.NoDefaultBrowserCheck, //不检查默认浏览器
		chromedp.Flag("headless", true),
		chromedp.Flag("blink-settings", "imagesEnabled=true"), //开启图像界面,重点是开启这个
		chromedp.Flag("ignore-certificate-errors", true),      //忽略错误
		chromedp.Flag("disable-web-security", true),           //禁用网络安全标志
		chromedp.Flag("disable-extensions", true),             //开启插件支持
		chromedp.Flag("disable-default-apps", true),
		chromedp.WindowSize(768, 800),      // 设置浏览器分辨率（窗口大小）
		chromedp.Flag("disable-gpu", true), //开启gpu渲染
		chromedp.Flag("hide-scrollbars", true),
		chromedp.Flag("mute-audio", true),
		chromedp.Flag("no-sandbox", true),
		chromedp.Flag("no-default-browser-check", true),
		chromedp.NoFirstRun, //设置网站不是首次运行
		chromedp.UserAgent("Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.164 Safari/537.36"), //设置UserAgent
	)
	allocCtx, cancel := chromedp.NewExecAllocator(context.Background(), opts...)
	defer cancel()

// Start Chrome
	// Remove the 2nd param if you don't need debug information logged
	ctx, cancel := chromedp.NewContext(allocCtx, chromedp.WithDebugf(log.Printf))
	defer cancel()
 
	url := "https://www.baidu.com"
	filename := "tj_" + time.Now().Format("2006-01-02") + ".png"

//导航到目标页面，等待一个元素，捕捉元素的截图
	var buf []byte
	// capture entire browser viewport, returning png with quality=90
	if err := chromedp.Run(ctx, fullScreenshot(url, 100, &buf)); err != nil {
		log.Fatal(err)
	}
	if err := ioutil.WriteFile(filename, buf, 0644); err != nil {
		log.Fatal(err)
	}

}

// 获取整个浏览器窗口的截图（全屏）
// 这将模拟浏览器操作设置。
func fullScreenshot(urlstr string, quality int64, res *[]byte) chromedp.Tasks {
	return chromedp.Tasks{
		chromedp.Navigate(urlstr),
		//chromedp.WaitVisible("style"),
		chromedp.Sleep(5 * time.Second),
		//chromedp.OuterHTML(`document.querySelector("body")`, &htmlContent, chromedp.ByJSPath),
		chromedp.ActionFunc(func(ctx context.Context) error {
			// 得到布局页面
			_, _, _, _, _, contentSize, err := page.GetLayoutMetrics().Do(ctx)
			if err != nil {
				return err
			}

width, height := int64(math.Ceil(contentSize.Width)), int64(math.Ceil(contentSize.Height))

// 浏览器视窗设置模拟
			err = emulation.SetDeviceMetricsOverride(width, height, 1, false).
				WithScreenOrientation(&emulation.ScreenOrientation{
					Type:  emulation.OrientationTypePortraitPrimary,
					Angle: 0,
				}).
				Do(ctx)
			if err != nil {
				return err
			}

// 捕捉屏幕截图
			*res, err = page.CaptureScreenshot().
				WithQuality(quality).
				WithClip(&page.Viewport{
					X:      contentSize.X,
					Y:      contentSize.Y,
					Width:  contentSize.Width,
					Height: contentSize.Height,
					Scale:  1,
				}).Do(ctx)
			if err != nil {
				return err
			}
			return nil
		}),
	}
}
```

CentOS 定时截屏网页

商品推荐

广告推荐

推荐文章