CasperJSはtwitterを無限にスクロールできません

Question

twitterからいくつかの情報を取得しようとしていますCasperJSそして、私は無限のスクロールで立ち往生しています。問題は、ページをスクロールするためにjqueryを使用してもnothingsが機能するように見えることです。スクロールも、window（uiNearTheBottomのようなsmth）の正確なイベントの起動もどちらも役に立ちません。 興味深いことに、jsコンソールからFF & ChromeにJSコードを注入すると、これらの試みはすべて動作します。 は、ここではサンプルコードは次のとおり

casper.thenEvaluate(function(){ 
    $(window).trigger('uiNearTheBottom'); 
}); 

又は

casper.thenEvaluate(function(){ 
    document.body.scrollTop = document.body.scrollHeight; 
}); 

Answer 1

CasperJsはPhantomJSと議論以下の通り窓なしのオブジェクトに基づいてヘッドレスブラウザのために存在します。

あなたが使用することができ、Twitterでの議論にhere

Answer 2

を確認することができます。

casper.scrollToBottom(); 
casper.wait(1000, function() { 
    casper.capture("loadedContent.png"); 
}); 

しかし、あなたは... jQueryのが含まれている場合、上記のコードは動作しません！

var casper = require('casper').create({ 
    clientScripts: [ 
     'jquery-1.11.0.min.js' 
    ] 
}); 

スクリプトインジェクションブロック積載量からTwitterの無限スクロール。 BoingBoing.netでは、CasperJSのscrollToBottom（）はjQueryをブロックせずに動作します。それは実際にサイトに依存します。

ただし、コンテンツがロードされた後にjQueryを挿入できます。

casper.scrollToBottom(); 
casper.wait(1000, function() { 
    casper.capture("loadedContent.png"); 

    // Inject client-side jQuery library 
    casper.options.clientScripts.push("jquery.js"); 

    // And use like so... 
    var height = casper.evaluate(function() { 
     return $(document).height(); 
    }); 
}); 

Answer 3

casper.scrollToBottomは（））あなたやcasper.scroll_to_bottomを（失敗した場合は、以下のいずれかがあなたを提供します：= {トップ

this.page.scrollPosition：this.page.scrollPosition ["top"] + document.body.scrollHeight、left：0};

作業例：

casper.start(url, function() { 
this.wait(10000, function() { 
    this.page.scrollPosition = { top: this.page.scrollPosition["top"] + document.body.scrollHeight, left: 0 }; 
    if (this.visible("div.load-more")) { 
     this.echo("I am here"); 
    } 
})}); 

これは、基礎となるPhantomJSスクロール使用here

Answer 4

を見つけた私は、何が起こることは、私はページを入力している基本的a previous answer

var iterations = 5; //amount of pages to go through 
var timeToWait = 2000; //time to wait in milliseconds 

var last; 
var list = []; 

for (i = 0; i <= iterations; i++) { 
    list.push(i); 
} 

//evaluate this in the browser context and pass the timer back to casperjs 
casper.thenEvaluate(function(iters, waitTime) { 
    window.x = 0; 
    var intervalID = setInterval(function() { 
     console.log("Using setInternal " + window.x); 
     window.scrollTo(0, document.body.scrollHeight); 

     if (++window.x === iters) { 
      window.clearInterval(intervalID); 
     } 
    }, waitTime); 
}, iterations, timeToWait); 

casper.each(list, function(self, i) { 

    self.wait(timeToWait, function() { 
     last = i; 
     this.echo('Using this.wait ' + i); 
    }); 

}); 

casper.waitFor(function() { 
    return (last === list[list.length - 1] && iterations === this.getGlobal('x')); 
}, function() { 
    this.echo('All done.') 
}); 

からこれを採用していますコンテキストを表示し、下にスクロールしてからコンテンツが消えるまで2秒待ってください広告。明らかに、私はcasper.scrollToBottom()や何かもっと洗練されたアプリケーションを繰り返し使うのが好きだったでしょうが、読み込み時間は私にこれを起こさせるものではありませんでした。