puppeteer & screenshot All In One

puppeteer & screenshot All In One

如何使用 puppeteer 实现页面截屏，分享截屏

http://localhost:9812/screenshot?url=https://cdn.xgqfrms.xyz/

"use strict";

/**
 *
 * @author xgqfrms
 * @license MIT
 * @copyright xgqfrms
 * @created 2020-02-22
 * @modified
 *
 * @description url to poster
 * @augments
 * @example
 * @link
 *
 */

const log = console.log;

// const puppeteer = require('puppeteer-core');
const puppeteer = require('puppeteer');
// const devices = require('puppeteer/DeviceDescriptors');
// const devices = require('./lib/DeviceDescriptors');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  // await page.emulate(devices['iPhone X']);
  // await page.goto('https://cdn.xgqfrms.xyz/');
  await page.goto('./template/index.html');
  await page.screenshot({
    // path: 'poster.png',
    // path: 'poster-full.png',
    path: 'poster-template.png',
    fullPage: true,
  });
  await browser.close();
})();

demos

import puppeteer from "puppeteer";
const url = "https://www.cnblogs.com/xgqfrms/p/12362526.html";

async function run() {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.goto(url);
    const result = await page.evaluate(() => {
        return document.querySelector("h1").innerText;
    });
    console.log(result);
}

run();

refs

https://www.cnblogs.com/xgqfrms/p/12346750.html

https://github.com/xgqfrms/url-to-poster

https://www.cnblogs.com/xgqfrms/tag/puppeteer/

---

---

©xgqfrms 2012-2021

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---