網頁截圖API接口,一鍵自動生成網頁截圖

背景

最近在開發一個小程序,其中有一個幫助模塊,內容為幫助文章列表,文章內容為網站后臺編輯的富文本格式.鑒于小程序的特殊性,其對html格式的富文本支持并不友好.

剛開始有人開發了wxparse插件,后來微信提供了rich-text組件,但是這兩者存在一些問題.

思路

后臺編輯的文章樣式經過wxparse或者richtext組件顯示后,都存在一些兼容性問題.如果我們將文章內容做成圖片,然后用image來下顯示應該可以達到比較理想的效果.

但是沒一篇文章都找美工區設計一張圖片費時費力,修改還費勁.

如果我們后臺編輯的文章能自動生成一個圖片就完美了.

方案

查詢后發現國外網站提供了類似的服務,可以利用API接口將指定地址保存為圖片.但是經過測試發現圖片并不清晰,而且拜訪速度非常慢.然后我就自己安裝了phantomjs并進行了測試,效果比較理想.