Lazy loaded image
编程技术
📰HTML转为图片输出
字数 887阅读时长 3 分钟
2025-3-22
2025-3-27
type
status
date
slug
summary
tags
category
icon
password
AI 摘要

问题

就是让AI 给我写了一个,将HTML片段转为图片的工具,比如这个Banner
AI选用的是Puppeteer这个组件,我没接触过,反正就是能自己配置,谷歌 火狐什么的浏览器,代码的,没有界面,叫无头浏览器,路易十六很喜欢
然后各种问题,首先 Puppeteer 这玩意压根不能用,我让用C#写,写的方法名压根不对,可能是版本问题;然后自己下的Chrome浏览器内核也不能用,好不容易本地调试完了,Docker里又报错了;

契机

后来放弃了,调着调着发现服务器空间不够了,由于我一直瞎搞,100G 就玩Docker,玩没了,我就清理,后来发现一个 browserless/chrome,我也没用上啊,发现在 rsshub 里挂着,看着名字是浏览器,一艘还真是,rsshub就是用这个browserless监听网页变化的
要不说瞎折腾有好处,指不定哪就藏个路易十六

宽高问题

因为我就录入一个div,一段,这里的宽高就不是浏览器的高度,Puppeteer默认高度是600,继续问AI,改了一天也没改对;
最后是有两处,默认的高度要给够,写了个8000,然后再算一次,就是 document.querySelector('body > div').getBoundingClientRect().height,只能是元素的高度,body也不行,document也不行

代码

一共没多少行
browserless Docker
Dockerfile
 
 
致谢:
💡
有关Notion安装或者使用上的问题,欢迎您在底部评论区留言,一起交流~
 
 
上一篇
微信4.0测试版概览
下一篇
最全防火墙设置

评论
Loading...