【发布时间】：2019-08-08 05:59:44
【问题描述】：
为了分析我们的网站速度，我们通常会截取页面的屏幕截图以及 chrome-devtool 报告，例如内存、性能等。我想自动化该过程。 我尝试了一些工具，比如木偶师。但它只截取网站的截图。不包括 devtools UI。
是否有任何工具或方法可以使用 chrome-devtools 加载网页，进行一些测试并对该页面（包括 chrome-devtools 窗口）进行截图？
我期望的示例截图
提前致谢。
【问题讨论】：
-
您的问题非常广泛。请澄清：-您打算在 CI 环境中执行此操作还是通过某些本地脚本手动执行此操作？ - 你想从 devtools 得到什么信息？您显示“性能”选项卡；是吗？在
puppeteer和 chrome devtools 协议之间，你几乎可以做任何事情。 -
@Peter 想要获取一些性能矩阵，如内存、堆大小等，并截取带有 devtool 窗口的网页以进行报告。现在我们手动执行此过程。我想自动化它。我是 puppeteer 的新手，但我设法使用它运行所有这些测试。但无法使用 devtool 屏幕截取页面。在 puppeteer 中，我只获得网页屏幕。不包括 devtools 屏幕。
标签： google-chrome automation google-chrome-devtools puppeteer google-chrome-headless