【nodejs】puppeteer在window下因参数scale导致重复截图问题解决

【nodejs】puppeteer在window下因参数scale导致重复截图问题解决

图片

最近构建流光卡片免费 markdown 文本转精美图片 api 的时候遇见了一个问题 :point_down:(API 尚未公开,还在小部分内测,测试,尝试修复 bug 中)

我发现在我 window 本地使用 puppeteer 进行长元素截图时候,当参数 scale 为 1 的时候,截图非常正常。

当参数 scale 大于 1 的时候,就变成下面这样了:

什么鬼,元素重复拼接截图了,而且当 scale 值越大,重复部分就越多

image-20241205015725549

那么最后是如何解决的呢?

试过了 ai+搜索引擎 十八般武艺,在本地 window 电脑上还是没有解决。

但是我部署到 Linux 上就没有这个问题了…

所以可能的问题如下:

  • 我 window 安装的无头浏览器有问题
  • window 上的 google 浏览器这个版本本身就有问题

或许改成安装最新的无头浏览器版本就可以解决,有兴趣自己测试。

既然 Linux 服务器上部署没问题我也就没有继续在这里折腾了,简单写篇短文记录一下(中间省略 1w 字尝试过的解决方案,懒得写)