Sayfa içeriğinden fantom bağlamındaki bir olayı dinlemenin bir yolu var mı?

Question

Örneğin: Bir sayfayı PhantomJS ile açtım, eşzamansız bir komut dosyasını (ör., Ajax) değerlendiriyorum. Başarılı olduğunda, hayali bağlamın (page.evaluate() dışında) asenkron işlemin bittiğini bilmesini istiyorum.

Süreç tamamlandığında hayalet bağlamında sürekli olarak bekleyip kontrol etmek için setTimeout ve setInteval kullanmak istemiyorum.

Answer 1

Bu tam olarak onCallback and window.callPhantom() pair içindir. Eğer bir AJAX isteği gibi sayfa bağlamında bir zaman uyumsuz çağrı varsa

Yani, bunu yapabilirsiniz:

page.onCallback = function(data){ 
    console.log("finished: " + data.text); 
    phantom.exit(); 
}; 
page.evaluate(function(){ 
    var xhr = new XMLHttpRequest(); 
    xhr.open("GET", "/"); 
    xhr.onreadystatechange = function() { 
     var DONE = this.DONE || 4; 
     if (this.readyState === DONE){ 
      window.callPhantom({text: this.responseText}); 
     } 
    }; 
    xhr.send(); 
}); 

bu kullanmak için başka bir yol yapmak için üretime JavaScript çağrısı eklemektir Daha kolay test Bir web uygulaması yazıyorsanız, bir sayfa tam olarak yüklendiğinde belirten bir seçici bulmak bazen karmaşıktır.

finishOffPage(function callback(){ 
    if (typeof window.callPhantom === "function") { 
     window.callPhantom({type: "loadFinished"}); 
    } 
}); 

Sonra böyle testler yazabilirsiniz: Bu örnek nerede böyle bir şey olabilir olduğunu

page.onCallback = function(data){ 
    if (data.type === "loadFinished") { 
     // do some testing 
    } 
}; 
page.open(url); 

kolay böyle bir uygulamayı test yapmak için, sayfa JavaScript böyle bir şey olabilir Dinamik olarak eklenecek: wait for angular app to be fully rendered from phantom script