首页 > 其他 > 详细

puppeteer入门

时间:2020-01-08 17:25:31      阅读:124      评论:0      收藏:0      [点我收藏+]

1、demo结构:

技术分享图片

 

2、安装puppeteer

npm i puppeteer

 

3、代码

  demo1.js

const puppeteer = require(‘puppeteer‘);

(async () => {
    const browser = await puppeteer.launch({
        headless: true
    })

    const page = await browser.newPage()

    await page.goto(‘http://www.baidu.com‘)
    await page.screenshot({
        path: ‘d:/temp/baidu.png‘
    })
    await browser.close(); // 关闭浏览器
})()

 

  demo2.js

const devices = require(‘puppeteer/DeviceDescriptors‘)
const puppeteer = require(‘puppeteer‘);

(async () => {
    const browser = await puppeteer.launch({
        headless: true
    })

    const page = await browser.newPage()
    await page.emulate(devices[‘iPhone X‘])

    await page.goto(‘http://www.baidu.com‘)
    await page.screenshot({
        path: ‘d:/temp/baidu_iphone_X.png‘
    })
    await browser.close(); // 关闭浏览器
})()

 

  demo3.js

// const devices = require(‘puppeteer/DeviceDescriptors‘)
const puppeteer = require(‘puppeteer‘);

(async () => {
    const browser = await puppeteer.launch({
        headless: false
    })

    const page = await browser.newPage()
    page.setViewport({
        width: 1920,
        height: 969,
    });
    // await page.emulate(devices[‘iPhone X‘])

    await page.goto(‘http://www.baidu.com‘)
    await page.type(‘#kw‘, ‘puppeteer‘)
    await page.click(‘#su‘)
    // await page.waitForNavigation({ timeout: 5000 })

    await page.waitFor(3000)
    await page.screenshot({
        path: ‘d:/temp/baidu_search_puppeteer.png‘
    })

    // page.waitForSelector(‘.nums_text‘)
    //     .then(() => {
    //         page.screenshot({
    //             path: ‘d:/temp/baidu_search_puppeteer.png‘
    //         })
    //     })

    await browser.close(); // 关闭浏览器
})()

 

4、测试

  执行命令:

PS D:\demo\puppeteer_01> node .\src\demo1.js
PS D:\demo\puppeteer_01> node .\src\demo2.js
PS D:\demo\puppeteer_01> node .\src\demo3.js

  结果:

技术分享图片

 

 技术分享图片

 

参考:

  1)前端神器puppeteer入门及实践(1)

puppeteer入门

原文:https://www.cnblogs.com/xy-ouyang/p/12167226.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!