我尝试让CasperJS实现以下目标:
我有一些工作代码,但我不了解CasperJS如何处理事件序列。
例如,在下面的代码示例中,CasperJS尝试处理第2步,并抛出" ReferenceError:无法找到变量:formDate",而第1步未执行完全出于某种原因。
我的推理出了什么问题?
在我看来,while
循环的执行速度与casper.then
方法不同。
casper.start();
casper.thenOpen('http://www.example.com', function() {
this.echo(this.getTitle());
});
casper.then(function() {
var start = new Date('2013-01-01T00:00:00');
var end = new Date('2013-01-31T00:00:00');
while(start < end) {
// step 1: define formDate
casper.then(function() {
var formDate = start.getFullYear()+"-"+("0" + (start.getMonth() + 1)).slice(-2) +"-"+("0" + start.getDate()).slice(-2) ;
casper.echo(formDate);
});
// Step 2: open the page and download the file
casper.thenOpen('http://www.example.com/' + formDate, function() {
var url = this.getElementAttribute('div#pdffulllink a.pdf', 'href');
this.echo(url);
this.download(url, 'Downloaded_' + formDate + '.pdf');
});
casper.then(function() {
// Step 3: redefine start
var newDate = start.setDate(start.getDate() + 1);
start = new Date(newDate);
});
}
});
casper.run(function() {
this.echo('Done.').exit();
});
答案 0 :(得分:18)
经过一番研究,我找到了解决这个问题的方法。
问题是由casper.thenOpen作为异步进程引起的,其余的javascript是同步。
我在javascript for循环中应用了an elegant method found in this thread(异步处理)。
遵循该方法,这是一个适用于CasperJS的示例:
var casper = require('casper').create({
pageSettings: {
webSecurityEnabled: false
}
});
casper.start();
casper.then(function() {
var current = 1;
var end = 4;
for (;current < end;) {
(function(cntr) {
casper.thenOpen('http://example.com/page-' + cntr +'.html', function() {
this.echo('casper.async: '+cntr);
// here we can download stuff
});
})(current);
current++;
}
});
casper.run(function() {
this.echo('Done.').exit();
});
此示例将输出以下内容:
casper.async: 1
casper.async: 2
casper.async: 3
Done.
循环工作正常! :)