在 Headless Chrome 中禁用闪烁光标（使用 puppeteer）

Question

我正在使用 puppeteer 节点模块捕获网页的屏幕截图。

有些页面有一个自动获取焦点的输入字段。

我希望屏幕截图上不出现闪烁的光标。有这样做的选项吗？

Answer 1

你可以实现这个answer in puppeteer using addStyleTag:

const styleContent = `
  input {
    color: transparent;
    text-shadow: 0 0 0 black;
  }
  input:focus {
    outline: none;
  }
`;

await page.addStyleTag({ content: styleContent });