PhantomJS onLoadFinished無法正常工作

Question

我使用PhantomJS 2.1.1拍攝手機屏幕截圖，但其中一些屏幕並未正確顯示，因爲頁面未完全呈現。我試圖使用onLoadFinished事件，但它不起作用。

這裏是我的代碼：

var system = require('system'); 
var args = system.args; 

var page = require('webpage').create(); 

page.open(args[1]); 

page.onLoadFinished = function (status) { 

    page.viewportSize = { width: 414, height: 736 }; 

    page.clipRect = { top: 0, left: 0, width: 414, height: 736 }; 
    page.render(args[2]); 
    console.log(args[2]); 
    phantom.exit(); 

}); 

它只是掛起並沒有返回。我通過使用2秒硬編碼延遲來解決這個問題，但這並不好，因爲我不知道每個站點都會在2秒內加載。

這是硬編碼延遲即時通訊使用：

page.open(args[1], function() { 

    page.viewportSize = { width: 414, height: 736 }; 

    page.clipRect = { top: 0, left: 0, width: 414, height: 736 }; 

    setTimeout(function() { 
     page.render(args[2]); 
     console.log(args[2]); 
     phantom.exit(); 
    }, 2000); 

}); 

如何獲得的代碼與適當的負載情況下工作？

Answer 1

官方PhantomJS rasterize.js用於拍攝uses a 200ms timeout的網頁截圖腳本：

page.open(address, function (status) { 
    if (status !== 'success') { 
     console.log('Unable to load the address!'); 
     phantom.exit(1); 
    } else { 
     window.setTimeout(function() { 
      page.render(output); 
      phantom.exit(); 
     }, 200); 
    } 
}); 

這是確定的（從源代碼上面鏈接複製），並建議做的，而不是直接在事件中呈現相同。