Question

これは私がこのphantomjs not waiting for "full" page loadを読みましたが、私の問題は解決しませんでした。私のjsに

<div id="test"></div> 


<script> 
    window.onload = function() { 
     document.getElementById('test').innerHTML = 'something'; 
     console.log('page loaded'); 
    }; 
</script> 

そして、この：

私はこの（全体ではない私のHTML）を試した私もスクリーンショットを取っていた

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

page.onConsoleMessage = function(msg) { 
    console.log('here i am'); 
}; 
page.onLoadFinished = function() { 
    console.log('or here!'); 
} 
page.open('http://localhost:3456/calculatorfixture.html', function (status) { 
    waitFor(function _test(){ 
     return page.evaluate(function() { 
      return document.getElementById("test").innerHTML == "something"; 
     }); 
    }, function _onReady(){ 
     console.log ("DONE"); 
     phantom.exit(); 
    }); 
}); 

- まだ、何も。私は自分のページで何かJSを動かすことができません。私は何が欠けていますか？

Answer 1

問題は、あなたのJSにwaitFor()関数がありません。私はそれがPhantomJSに組み込まれているとは思いません - それはwaitfor.jsサンプルコードにリストされています。私は、JSファイルに、ちょうどrequire文の後に、私は次の出力を得たことを追加したら：

here i am 
or here! 
'waitFor()' finished in 500ms. 
DONE 

のwaitFor（）コード：フルずに問題を参照するには

/** 
* Wait until the test condition is true or a timeout occurs. Useful for waiting 
* on a server response or for a ui change (fadeIn, etc.) to occur. 
* 
* @param testFx javascript condition that evaluates to a boolean, 
* it can be passed in as a string (e.g.: "1 == 1" or "$('#bar').is(':visible')" or 
* as a callback function. 
* @param onReady what to do when testFx condition is fulfilled, 
* it can be passed in as a string (e.g.: "1 == 1" or "$('#bar').is(':visible')" or 
* as a callback function. 
* @param timeOutMillis the max amount of time to wait. If not specified, 3 sec is used. 
*/ 
function waitFor(testFx, onReady, timeOutMillis) { 
    var maxtimeOutMillis = timeOutMillis ? timeOutMillis : 3000, //< Default Max Timout is 3s 
     start = new Date().getTime(), 
     condition = false, 
     interval = setInterval(function() { 
      if ((new Date().getTime() - start < maxtimeOutMillis) && !condition) { 
       // If not time-out yet and condition not yet fulfilled 
       condition = (typeof(testFx) === "string" ? eval(testFx) : testFx()); //< defensive code 
      } else { 
       if(!condition) { 
        // If condition still not fulfilled (timeout but condition is 'false') 
        console.log("'waitFor()' timeout"); 
        phantom.exit(1); 
       } else { 
        // Condition fulfilled (timeout and/or condition is 'true') 
        console.log("'waitFor()' finished in " + (new Date().getTime() - start) + "ms."); 
        typeof(onReady) === "string" ? eval(onReady) : onReady(); //< Do what it's supposed to do once the condition is fulfilled 
        clearInterval(interval); //< Stop this interval 
       } 
      } 
     }, 250); //< repeat check every 250ms 
}; 

Answer 2

それは少し難しいです準備ができているツールを試してみることをおすすめしますか？ （免責事項：私はその小さな図書館を作った）。待ち受けがあります組み込みhttps://github.com/javascriptlove/haunt

var page = require('./build/haunt.js'); 

page.create({ 
     log: true, 
     userAgent: 'Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2228.0 Safari/537.36' 
    }) 
    .get('http://example.com') 
    .waitFor(function() { 
     return document.getElementById("test").innerHTML == "something"; 
    }) 
    .then(function() { 
     // other stuff you want to do, this.page refers to the phantom's page object 
    }) 
    .end();