puppeteer实现截图

Window服务器说明
1.在本地安装 puppeteer
先创建一个本地文件夹puppeteer，我的地址D:\common_workspace\puppeteer
然后使用cmd打开这个文件夹所在位置，再执行如下两条命令即可。

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install puppeteer

2.在D:\common_workspace\puppeteer下新建 example.js
内容如下：

 async function autoScroll(page) {
    return page.evaluate(() => {
        return new Promise((resolve, reject) => {
            //滚动的总高度
            var totalHeight = 0;
            //每次向下滚动的高度 100 px
            var distance = 100;
            var timer = setInterval(() => {
                //页面的高度 包含滚动高度
                var scrollHeight = document.body.scrollHeight;
                //滚动条向下滚动 distance
                window.scrollBy(0, distance);
                totalHeight += distance;
                //当滚动的总高度 大于 页面高度 说明滚到底了。也就是说到滚动条滚到底时，以上还会继续累加，直到超过页面高度
                if (totalHeight >= scrollHeight) {
                    clearInterval(timer);
                    resolve();
                }
            }, 100);
        })
    });
}


const cookie = {
    name: 'token',
    value: '22',
    url: '',//地址
    path: '/',
    httpOnly: true,
    secure: true
}

const puppeteer = require('puppeteer');

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

	await page.setCookie(cookie)
	await page.goto('https://www.qq.com/', { waitUntil: 'networkidle2', timeout: 1000*120 });
	

	
    await page.setViewport({
        width: 1920,
        height: 1080
    });
    await autoScroll(page);
    await page.screenshot({
        path: 'test.png',
        fullPage: true
    });

    await browser.close();
})();


   

3.cmd执行node example.js，就可进行截图