基于phantomjs的微信長文章截圖
微信的文章現(xiàn)在已經(jīng)是很多人獲取『知識』的必不可少的途徑，很多時候他們還想收藏，保存，做筆記的需求，但是在手機端的網(wǎng)頁上我們無法在其上做筆記，只能將他們轉(zhuǎn)化為圖片才能操作，所以才有本文中這個主題。
Phantomjs簡介
PhantomJS是一個無界面的,可腳本編程的WebKit瀏覽器引擎。它原生支持多種web 標(biāo)準(zhǔn)：DOM 操作，CSS選擇器，JSON，Canvas 以及SVG。
phantomjs 可以做什么？
無UI界面的網(wǎng)站測試
屏幕快照
頁面操作自動化
網(wǎng)絡(luò)監(jiān)控
安裝
http://phantomjs.org/download.html 下載頁面下，按說明直接安裝即可.
node-phantom-simple介紹
一個簡單的Node.js 和 PhantomJS的橋接。
運行
git clone git@github.com:daimaniu/weixinCapture.git
npm install
node shoot.js
請求測試
http://localhost:1337/{weixin_url}
即可獲得截圖文件
修改說明
forked from git://github.com/hankmander/screenshooter.git
僅僅做了一個lazy load的優(yōu)化，因為微信有一個圖片懶加載.
- 載入 jquery.min.js
- 用$獲取懶加載的圖片，并替換屬性src 為 data-src懶加載里實際的圖片地址.
ps:本文作者系代碼牛(http://daimaniu.cn , 面對面的技術(shù)主題分享平臺)技術(shù)分享達(dá)人 keepcleargas，對技術(shù)分享感興趣的同學(xué)可關(guān)注 代碼牛 公眾號，獲取最新的技術(shù)分享信息.
