javascript - Webdrivercss 制作整个页面截图

Question

我在制作整个页面的屏幕截图方面没有什么问题。使用这样的 webdriverio 代码(如下，使用 Firefox)可以让我截取整个页面的屏幕截图，但不能使用 chrome。作者 api 说，我需要使用 webdrivercss，但我不知道如何使用。任何人请帮助我。我如何更改该代码。

var webdriverio = require('webdriverio');
var options = {
    desiredCapabilities: {
        browserName: 'chrome'
    }
};
var size;
webdriverio
    .remote(options)
    .init()
    .windowHandleMaximize(false)
    .url('http://webdriver.io/')
    .saveScreenshot('./chrome.png')
    .end();

对于每一次帮助，我都会感激不已

Answer 1

这是一个例子:

var webdriverio = require('webdriverio');
var webdrivercss = require('webdrivercss');
var options = {
  desiredCapabilities: {
    browserName: 'chrome'
  }
};

var browser = webdriverio.remote(options);

webdrivercss.init(browser, {
  screenshotRoot: './',
  screenWidth: [1024]
});

client.init()
  .windowHandleMaximize(false)
  .url('http://webdriver.io/')
  .webdrivercss('chrome-screenshot', {
    name:'some_id',
    elem:'body'
  }, function(err, res){}))
  .saveScreenshot('chrome-screenshot')
  .end();

有关更多信息，请查看webdrivercss github。该文档很可爱。我在通过 chromedriver 截屏时遇到了问题。它们无法正确渲染...但 phantomjs 运行良好。