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我的截图有问题。他们没有正确渲染......但幻影工作得很好。

Webdrivercss制作了整页截图

1 个答案: