黃聰：PhantomJS在Windows7下實現網站自動下載截圖

1. phantomjs介紹基於Javascript驅動的命令列webkit引擎，輕量級，安裝簡單，開發快速，渲染速度較快，無介面的webkit瀏覽器。 phontomjs跟一般瀏覽器一樣可以載入網頁，但不同的是它不會把網頁顯示出來，在載入網頁後它會提供一系列的Javascript API給程式人員使用，包括DOM元件的控制﹑CSS的選取器﹑JSON﹑HTML5的Canvas和SVG﹗你可能會問這有什麼特別，首先由於它沒有顯 示，所以非常之快。另外由於有完整的DOM和CSS控制，你可以很方便地抄錄其他網頁的資料，包括圖片﹗舉例說你希望每日都把GOOGLE的首頁插圖抄下 來，你就可以簡單的寫一個程式，載入google.com後把特定的畫面大小和位置儲存成圖片，再用Cron等Scheduler定期執行，不用每天開啟 瀏覽器再螢幕了。 2. phantomjs應用情境web迴歸測試網頁,png,pdf網路狀況監控 3. phantomjs網頁

1、到這裡下載phantomjs的Windows版本：http://phantomjs.org/download.html

2、下載後解壓，得到以下東西：

3、右鍵->建立一個檔案，命名為snap.js，裡面輸入如下內容：

var page = new WebPage(),    address, output, size;if (phantom.args.length < 2 || phantom.args.length > 3) {    console.log('Usage: rasterize.js URL filename');    phantom.exit();} else {    address = phantom.args[0];    output = phantom.args[1];    page.viewportSize = { width: 600, height: 600 };    page.open(address, function (status) {        if (status !== 'success') {            console.log('Unable to load the address!');        } else {            window.setTimeout(function () {                page.render(output);                phantom.exit();            }, 200);        }    });}

 

4、在檔案夾空白處-->右鍵-->在此處開啟命令視窗

 

5、輸入如下代碼：

phantomjs snap.js http://hao123.com hao123.png

6、斷行符號後得到如下運行狀態：

7、得到