Google chrome devtools 如何从chrome devtools性能录制中访问图像

Google chrome devtools 如何从chrome devtools性能录制中访问图像,google-chrome-devtools,Google Chrome Devtools,当你打开ChromeDevTools,选择performance选项卡,点击refresh并选中屏幕截图时,你会有一个记录,其中似乎包含页面加载时间线的屏幕截图。 我发现可以将整个分析保存为一个json文件,我已经做到了。 我不明白的是如何访问截图本身。有人知道怎么做吗?好问题。不过,这似乎是的复制品。我还发现快照在保存的性能配置文件中以base64编码。搜索字符串“name”:“Screenshot”以找到它。这个base64表示可以通过浏览器呈现,作为(不太方便的)替代先前链接的问题的答案:

当你打开ChromeDevTools,选择performance选项卡,点击refresh并选中屏幕截图时,你会有一个记录,其中似乎包含页面加载时间线的屏幕截图。 我发现可以将整个分析保存为一个json文件,我已经做到了。
我不明白的是如何访问截图本身。有人知道怎么做吗?

好问题。不过,这似乎是的复制品。我还发现快照在保存的性能配置文件中以base64编码。搜索字符串
“name”:“Screenshot”
以找到它。这个base64表示可以通过浏览器呈现,作为(不太方便的)替代先前链接的问题的答案:这是一个非常有用的注释。我快速浏览了一下json,并期待着像jpg或png这样的东西向我扑来。没有这样的运气。Base64编码不是我所期望的。问得好。不过,这似乎是的复制品。我还发现快照在保存的性能配置文件中以base64编码。搜索字符串
“name”:“Screenshot”
以找到它。这个base64表示可以通过浏览器呈现,作为(不太方便的)替代先前链接的问题的答案:这是一个非常有用的注释。我快速浏览了一下json,并期待着像jpg或png这样的东西向我扑来。没有这样的运气。Base64编码不是我所期望的。