获取HTML完整内容图像的最佳方法

Question

我想拍摄整个HTML页面的图像，并将其附加到电子邮件中。我尝试将Chrome与Protractor一起使用。它在带有GUI（如MAC，Windows）的OS上运行良好，但是当它进入AMAZON之类的云服务器时，AWS chrome崩溃并出现错误

量角器版本：版本5.4.2

Chrome版本：谷歌浏览器77.0.3865.120

请让我知道是否还有其他方法可以更好地实现此功能

量角器配置文件：

     exports.config = {
seleniumAddress: 'http://localhost:4444/wd/hub',
specs: ['sg-image.js'],
framework: 'jasmine2',
capabilities: {
    'browserName': 'chrome',
    'useAutomationExtension': false,
    'args': ['--disable-gpu','-disable-dev-shm-usage','--no-sandbox','- 
            disable-popup-blocking','--start-maximized','--disable-web- 
           security','--allow-running-insecure-content','--disable-infobars']
}
        // onPrepare: function() {
//     global.screenShotUtils = new screenShotUtils({
//         browserInstance : browser
//     });
// }

};

Answer 1

我看不到使用无头铬来运行它。可能就是这个问题

尝试更改此设置

'args': ['--disable-gpu','-disable-dev-shm-usage','--no-sandbox','- 
            disable-popup-blocking','--start-maximized','--disable-web- 
           security','--allow-running-insecure-content','--disable-infobars']

to

'args': ['--headless','--disable-gpu','-disable-dev-shm-usage','--no-sandbox','- 
            disable-popup-blocking','--start-maximized','--disable-web- 
           security','--allow-running-insecure-content','--disable-infobars']

Answer 2

您需要在运行测试的系统上安装xvfb-run，并开始执行以下过程：

xvfb-run -a --server-args="-screen 0 1920x1080x24" protractor protractor.conf.js

据我所知，它在非GUI系统中缓冲了流程的可视化表示，这使您可以捕获屏幕截图以及视频记录

这就是对我有用的东西