網(wǎng)頁(yè)截圖API接口,一鍵自動(dòng)生成網(wǎng)頁(yè)截圖

背景

最近在開發(fā)一個(gè)小程序,其中有一個(gè)幫助模塊,內(nèi)容為幫助文章列表,文章內(nèi)容為網(wǎng)站后臺(tái)編輯的富文本格式.鑒于小程序的特殊性,其對(duì)html格式的富文本支持并不友好.

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

思路

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

但是沒一篇文章都找美工區(qū)設(shè)計(jì)一張圖片費(fèi)時(shí)費(fèi)力,修改還費(fèi)勁.

如果我們后臺(tái)編輯的文章能自動(dòng)生成一個(gè)圖片就完美了.

方案

查詢后發(fā)現(xiàn)國(guó)外網(wǎng)站提供了類似的服務(wù),可以利用API接口將指定地址保存為圖片.但是經(jīng)過測(cè)試發(fā)現(xiàn)圖片并不清晰,而且拜訪速度非常慢.然后我就自己安裝了phantomjs并進(jìn)行了測(cè)試,效果比較理想.