带光标图标的木偶截图

Question

我们正在使用操纵up的page.screenshot功能（https://devdocs.io/puppeteer/index#pagescreenshotoptions），但是生成的捕获图像未显示当前的鼠标光标图标。有没有办法告诉木偶在捕获的屏幕截图中包含鼠标光标图标？

Answer 1

install-mouse-helper.js

您可以使用install-mouse-helper.js在页面中插入一个框，该框可以在Puppeteer中用鼠标移动，并且可以在屏幕截图中看到：

const puppeteer = require('puppeteer');
const {installMouseHelper} = require('./install-mouse-helper');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  await installMouseHelper(page); // Install Mouse Helper

  await page.goto('https://example.com/');

  await page.mouse.move(100, 200);
  await page.mouse.down();
  await page.mouse.move(500, 250);

  await page.screenshot({
    path: 'example.png',
  });

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