Chromedp 显示浏览器窗

Chromedp 显示浏览器窗口

在使用 chromedp 库进行爬虫和自动化测试时，默认情况下浏览器以无头模式运行。这种模式虽然对大多数爬取任务有效，但在某些情况下，例如调试或特定的网页交互，切换到有头模式（即显示浏览器窗口）会更加方便。

本文将介绍如何配置 chromedp 库以显示浏览器窗口并开启声音。

一、为什么使用有头模式

在无头模式下，有些操作可能会受到限制，如媒体播放、一些动态网页元素的渲染等。显示浏览器窗口可以帮助我们：

• 调试：可以直接看到浏览器中发生了什么，帮助跟踪问题。
• 交互：某些交互可能在无头模式下表现不同，显示窗口可以进行手动干预。
• 音频和视频播放：在处理多媒体内容时，显示窗口允许我们访问音频和视频播放功能。

二、配置 chromedp 以显示窗口和开启声音

以下是配置 chromedp 显示浏览器窗口并开启声音的步骤：

1. 设置执行选项

使用 作为基础选项，并在其上追加更多配置来满足我们的需求。以下是一个示例配置：

opts := append(chromedp.DefaultExecAllocatorOptions[:],
	chromedp.NoDefaultBrowserCheck,                   // 不检查默认浏览器
	chromedp.Flag("headless", false),                 // 开启图像界面（有头模式）
	chromedp.Flag("ignore-certificate-errors", true), // 忽略 SSL 证书错误
	chromedp.Flag("disable-web-security", true),      // 禁用网络安全标志
	chromedp.NoFirstRun,                              // 设置网站不是首次运行
	chromedp.Flag("mute-audio", false),               // 开启声音
	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"), // 设置 User-Agent
)

2. 完整示例

以下示例整合了上述步骤，展示如何依次配置、创建上下文并导航到指定网址：

package main

import (
	"context"
	"log"
	"time"

	"/chromedp/chromedp"
)

func main() {
	// 设置执行选项
	opts := append(chromedp.DefaultExecAllocatorOptions[:],
		chromedp.NoDefaultBrowserCheck,
		chromedp.Flag("headless", false), // 以有头模式运行
		chromedp.Flag("ignore-certificate-errors", true),
		chromedp.Flag("disable-web-security", true),
		chromedp.NoFirstRun,
		chromedp.Flag("mute-audio", false), // 开启声音
		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"),
	)

	// 创建执行分配器
	allocCtx, _ := chromedp.NewExecAllocator(context.Background(), opts...)
	ctx, _ := chromedp.NewContext(allocCtx, chromedp.WithLogf(log.Printf))

	// 设置超时
	ctx, cancel := context.WithTimeout(ctx, 30*time.Second)
	defer cancel()

	// 执行任务
	var html string
	err := chromedp.Run(ctx,
		chromedp.Navigate("/yang731227"), // 访问网页
		chromedp.WaitVisible("body", chromedp.ByQuery), // 等待页面加载
		chromedp.OuterHTML("html", &html, chromedp.ByQuery), // 获取页面 HTML
	)
	if err != nil {
		log.Fatal(err)
	}

	// 输出或处理页面 HTML
	log.Println(html)
}