美文网首页
html截屏

html截屏

作者: zhumu3 | 来源:发表于2021-02-24 11:25 被阅读0次

用puppeteer来截屏保存图片

const puppeteer = require('puppeteer');
const log4js = require('log4js');
var UrlOption= require("./config/configForNode") ;



(async () => {
    const browser = await puppeteer.launch({
        args: ["--no-sandbox", "--disable-setuid-sandbox"]
    });
    const page = await browser.newPage();
    await page.goto(UrlOption.ESUrl.pageLink);
    await page.setViewport({
        width: 1920,
        height: 1080
    });
    
    await autoScroll(page);
    await page.screenshot({
        path: './paper.jpeg',
        fullPage: true,
        quality:70
    });
    await browser.close();
})();


function autoScroll(page) {
    return page.evaluate(() => {
        return new Promise((resolve, reject) => {
            var totalHeight = 0;
            var distance = 100;
            var timer = setInterval(() => {
                var scrollHeight = document.body.scrollHeight;
                window.scrollBy(0, distance);
                totalHeight += distance;
                if (totalHeight >= scrollHeight) {
                    clearInterval(timer);
                    resolve();
                }
            }, 100);
        })
    });
}

其中配置文件就是配置的需要打开的链接

相关文章

网友评论

      本文标题:html截屏

      本文链接:https://www.haomeiwen.com/subject/mktsfltx.html