capture（）方法在casperjs中工作不正確

Question

casperjs捕獲窗口的一部分。 當我在casperj中測試時制作屏幕截圖時，就會發生這種情況。 我用

this.capture('google.png', {
    top: 0,
    left: 0,
    width: 1280,
    height: 960
});

我也嘗試使用

this.capture('google.png');

和

this.captureSelector('weather.png', '#body');

如何制作整個窗口（文檔）的屏幕截圖？

Answer 1

這對我有用，請嘗試設置viewport ：

var casper = require('casper').create ({
  waitTimeout: 15000,
  stepTimeout: 15000,
  verbose: true,
  viewportSize: {
    width: 1280,
    height: 960
  },
  pageSettings: {
    "userAgent": 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.10 (KHTML, like Gecko) Chrome/23.0.1262.0 Safari/537.10',
    "webSecurityEnabled": false,
    "ignoreSslErrors": true
  },
  onWaitTimeout: function() {
      // casper.capture('./out/wait-timeout:_' + TimeTidy() + '.png');
      // throw new Error stuff;
  },
  onStepTimeout: function() {
      // casper.capture('./out/step-timeout' + TimeTidy() + '.png');
      // throw new Error stuff;
  }
});

然后使用：

casper.capture('google.png');
// or if within casper block:
// this.capture('google.png');