casperjs 网页截图时，如何保证那些下拉才加载的图片都能截到？

This topic created in 4246 days ago, the information mentioned may be changed or developed.

casperjs网页截图时，如何保证那些下拉才加载的图片都能截到，下午是了一下天猫，发现聚划算能正常截到，但是去到店铺页面截图就悲剧，图片基本出不来，截图基本是空白的。

```
var url = 'http://ju.taobao.com/jusp/muyingpindao/tp.htm?spm=608.2291429.764795.9.1O1daM';
url = 'http://inman.tmall.com';

var casper = require('casper').create({
verbose: true,
logLevel: 'debug',
pageSettings: {
loadImages: true,
loadPlugins: false,
userAgent: 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/37.0.2062.102 Safari/537.36'
}});

casper.start(url).viewport(1322, 10000).then(function(){
console.log(this.getTitle());
this.scrollToBottom();
this.wait(60000);
});

casper.waitFor(function check() {
return this.evaluate(function() {
var images = document.getElementsByTagName('img');
return Array.prototype.every.call(images, function(i) { return i.complete; });
});
}, function then() {
this.capture('ju.taobao.com.png');
console.log('ju.taobao.com.png ok');
});

casper.run();
```

function

var

casperjs

2 replies • 2014-10-23 15:17:28 +08:00

bsbgong

Oct 22, 2014

http://stackoverflow.com/questions/16561582/how-to-scroll-down-with-phantomjs-to-load-dynamic-content

13k

Oct 23, 2014

```
var url1 = 'http://ju.taobao.com/jusp/nvzhuangpindao/tp.htm?spm=608.7192301.764795.3.cr8ku7#floor2';
var url2 = 'http://inman.tmall.com/';

var casper = require('casper').create({
verbose: true,
logLevel: 'warning',
pageSettings: {
loadImages: true,
loadPlugins: false,
userAgent: 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.2125.104 Safari/537.36'
}});

casper.start(url1).viewport(1423, 7286).then(function(){
console.log(this.getTitle());
this.wait(60000);
});

casper.then(function(){
this.capture('./ju.png');
});

casper.run();
```

这段代码能正常对URL1截图，但是url2就是大部分恐空白 @bsbgong 能帮忙看看么？