Puppeteer 入门

1
const puppeteer = require('puppeteer');
2
async function getPic() {
3
    // 启动 puppeteer
4
    const browser = await puppeteer.launch({ headless: false });
5
    // 在浏览器中创建一个新的页面
6
    const page = await browser.newPage();
7
    // 使用 goto 打开指定网页
8
    await page.goto("https://www.baidu.com");
9
    // 调整页面配置大小，截图更好看
10
    await page.setViewport({ width: 1400, height: 900 });
11
    // 使用 screenshot 函数对网页进行截屏
12
    await page.screenshot({ path: 'baidu.png' })
13
    // 关闭浏览器
14
    await browser.close();
15
}
16
getPic();

1
const puppeteer = require('puppeteer');
2
const fs = require('fs');
3
const path = require('path');
4

5
async function getShopDetail() {
6
    // 启动 puppeteer
7
    const browser = await puppeteer.launch({ headless: false, ignoreHTTPSErrors: true });
8
    let page = await browser.newPage();
9
    // 启用Javascript,允许执行js脚本
10
    await page.setJavaScriptEnabled(true);
11
    // 打开京东网页
12
    await page.goto("https://www.jd.com/");
13
    // 获取搜索框元素
14
    const searchInput = await page.$("#key");
15
    // 定位到搜索框
16
    await searchInput.focus();
17
    // 输入搜索内容
18
    await page.keyboard.type("手机");
19
    // 获取搜索按钮
20
    const searchBtn = await page.$(".button");
21
    // 执行点击事件
22
    await searchBtn.click();
23
    // 等待元素加载之后，否则获取不异步加载的元素
24
    await page.waitForSelector('.gl-item');
25
    // 获取搜索结果
26
    const links = await page.$$eval('.gl-item > .gl-i-wrap > .p-img > a', links => {
27
        return links.map(a => {
28
            return {
29
                href: a.href.trim(),
30
                title: a.title
31
            }
32
        });
33
    });
34
    const content = JSON.stringify(links);
35
    const file = path.join(__dirname, 'resource/index.json');
36
    fs.writeFile(file, content, ()=> {});
37
    await browser.close();
38
}
39

40
getShopDetail();