PhantomJS: nie setContent pracuje gdy HTML posiada aktywa

Question

Ten skrypt działa:

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(); 

ale dodając atrybut do imgsrc sprawia, że ​​nie cicho (page.render powraca false a nie obraz jest generowany).

Ustawienie page.content działa bezpośrednio w obu przypadkach, ale względne adresy URL nie działają. To samo dzieje się z innymi tagami, które ładują zasoby, takie jak link. Nie ma znaczenia, czy powiązany zasób istnieje, czy nie. Testowane w wersjach 1.8.1 i 1.9.2.

Czy to błąd, czy źle zrozumiałem interfejs API?

Answer 1

Nie można renderować strony internetowej, jeśli nie jest ona w pełni załadowana.

Podczas ustawiania łącza lub src na <img>, Spróbuje załadować obraz asynchronicznie. To wymaga czekania na zakończenie ładowania.

Spróbuj użyć następującego kodu.

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