# puppeteer-demo

**Repository Path**: wfeng0/puppeteer-demo

## Basic Information

- **Project Name**: puppeteer-demo
- **Description**: Puppeteer 是一个 Node 库，它提供了一个高级 API 来通过 DevTools 协议控制 Chromium 或 Chrome。Puppeteer 默认以 headless 模式运行，但是可以通过修改配置文件运行“有头”模式。无头模式 headless 是否标记无头模式，在创建 browser 是传入配置项实现对浏览器无头模式的控制
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 2
- **Created**: 2023-07-16
- **Last Updated**: 2025-08-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# puppeteer demo

## Puppeteer 简介

Puppeteer 是一个 Node 库，它提供了一个高级 API 来通过 DevTools 协议控制 Chromium 或 Chrome。Puppeteer 默认以 headless 模式运行，但是可以通过修改配置文件运行“有头”模式。
无头模式 headless 是否标记无头模式，在创建 browser 是传入配置项实现对浏览器无头模式的控制。如下：

```javascript
const puppeteer = require('puppeteer');

const browser = puppeteer.launch({
    headless: false, // 为false表示不开启无头模式，则运行程序时，会有puppeteer的内核浏览器开启运行，模拟页面操作
})
// 当开启无头模式后，可能会导致电脑闪屏，重启电脑即可解决。也是偶发的，反正我的电脑是会这样
```

## Puppeteer APIS

### Overview

![Alt text](%E5%9B%BE%E7%89%87/p1.png)

如上图所示，Puppeteer创建出来的浏览器，可以通过 DevTools 协议控制。
通过下代码创建

```javascript
const browser =puppeteer.launch()
```

这个是创建的 browser,通过 browser.newPage() 创建 browserContent,通过 page.goto("URL") 创建 Page。
要理清楚这几个的关系。