Docker 如何使用headless Chrome Developer工具查看量角器进度而不干扰测试？

背景

我正在为Angular 2应用程序进行端到端测试。我的量角器功能是通过Chrome浏览器配置的，该浏览器具有在无头模式下运行的选项。我已经创建了一个Docker Compose堆栈，用一个无头Chrome在一个浏览器中运行E2E测试。它工作得很好，但是我看不到在运行堆栈时规范在浏览器中做什么。我必须以窗口模式在堆栈外运行测试，以获得图形反馈

问题

我想使用E2E堆栈并连接到Chrome开发者工具远程调试前端（通过

Chrome devtools frontend.appspot.com

）的端口

9222

。DevTools非常棒，因为它有一个窗口显示无头浏览器正在做什么以及所有伟大的工具。不幸的是，当打开测试用例时，屏幕投射似乎会干扰测试用例。按钮单击失败，随机文本被选中。在没有screen cast预览窗口的情况下运行测试可以避免这个问题，但是我看不到发生了什么

问题

有没有一种方法可以对无头Chrome运行量角器测试，这样我就可以在测试运行时访问Chrome Developer Tools远程调试前端，而不会影响结果

研究

我已经查看了Chrome和Chrome，但是我找不到能够启用“仅查看”设备窗口的东西。我也考虑过使用VNC远程桌面，但我更喜欢有集成开发经验。我认为如果不能使用DevTools预览，那么结合使用VNC和Chrome DevTools可能是一个很好的折衷方案

配置

函数buildChromeArgs（）{
常量args=[
“没有沙箱”，
“--禁用开发人员shm使用”，
“--窗口大小=19201080”，
“--禁用gpu”，
'--力装置比例系数=1'，
'--远程调试地址=0.0.0.0'，
“--远程调试端口=9222”
];
if（headless==true | | headless==true）{
args.push（'--headless'）；
}
返回args；
}

多容量：[
{
'browserName'：'chrome'，
“颜色选项”：{
“args”：buildChromeArgs（）
},
},
]