PhantomJS：setContent不工作時HTML擁有資產

Question

此腳本工作：

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

var html = '<h1>Test</h1><img>'; //works with page.setContent and page.content 
//var html = '<h1>Test</h1><img src=".">'; //only works with page.content 

page.setContent(html, 'http://github.com'); 
//page.content = html; 

page.render('test.png'); 
phantom.exit(); 

，但加入了src屬性來img使得它靜靜地失敗（page.render回報false，並且不產生圖像）。

設置page.content直接工作在兩種情況下，但隨後相對URL沒有。加載資源的其他標籤（如link）也會發生同樣的情況。鏈接資源是否存在並不重要。在1.8.1和1.9.2中測試。

這是bug還是我誤解了API？

Answer 1

你不能渲染網頁，如果它沒有完全加載。

當你設置鏈接或src到<img>，它會嘗試加載圖像異步。 所以，它需要等待加載完成。

請嘗試下面的代碼。

page.onLoadFinished = function(status) { 
    page.render('test.png'); 
    phantom.exit(); 
}; 
page.setContent(html, 'http://github.com');