网页截图API接口,一键自动生成网页截图

背景

最近在开发一个小程序,其中有一个帮助模块,内容为帮助文章列表,文章内容为网站后台编辑的富文本格式.鉴于小程序的特殊性,其对html格式的富文本支持并不友好.

刚开始有人开发了wxparse插件,后来微信提供了rich-text组件,但是这两者存在一些问题.

思路

后台编辑的文章样式经过wxparse或者richtext组件显示后,都存在一些兼容性问题.如果我们将文章内容做成图片,然后用image来下显示应该可以达到比较理想的效果.

但是没一篇文章都找美工区设计一张图片费时费力,修改还费劲.

如果我们后台编辑的文章能自动生成一个图片就完美了.

方案

查询后发现国外网站提供了类似的服务,可以利用API接口将指定地址保存为图片.但是经过测试发现图片并不清晰,而且拜访速度非常慢.然后我就自己安装了phantomjs并进行了测试,效果比较理想.