Google chrome 有没有办法从Chrome开发者工具中导出时间图？

我正在使用Chrome开发者工具为一个客户端查看一个网站，如果我能导出时间图的结果就好了

---

这可能吗？

这并不简单，但似乎已经足够好用了

首先，你需要得到时间线 打开开发工具并右键单击 “检查元件”。 这将打开的另一个版本 开发工具，带有可用的HTML

你需要把这个抄下来 单击

标记并 选择“复制为HTML”

将其粘贴到文本编辑器中并另存为html文件

在Chrome中查看以下URL，并将这些文件保存到与html文件相同的位置。

chrome-devtools://devtools/DevTools.js

chrome-devtools://devtools/devTools.css

更改保存的html中

标记中的位置，以指向这些文件

将“资源”选项卡中的所有图像保存在该文件所在位置底部的“图像”文件夹中。抱歉，这需要很长时间！我想这些都会包含在Chromes安装目录中的Chrome“resources.pak”文件中，但是我找不到一个简单的方法来提取它

在浏览器中查看HTML应该会显示您需要什么，显然，一旦提取了资源js和css，您就可以简单地将时间线的不同版本复制并粘贴到不同的HTML文件中

---

假设您参考的是

网络

面板中的瀑布图输出，您可以右键单击图表的标题（或图表本身中的任何空白），然后选择“将网络日志复制为HAR”将图表的数据拉入剪贴板

---

HAR是一种很多工具都能理解的格式；要生成一个漂亮的瀑布图来与客户讨论，请查看以下内容。我认为这将满足您的需要。

如果您想要在网络面板上快速轻松地捕获数据，您可以右键单击显示数据中的任意一行，选择“全部”，然后将内容复制并粘贴到Excel中

Excel实际上在捕获数据的表格布局方面做得很好，而且在Excel中，您可以根据需要操作数据

---

一个缺点是，它不能捕获那些在Chrome中生成的整洁的瀑布图，但我想Excel的绘图功能可以弥补这一点

嗨，迈克，我粘贴的日志让HAR查看器窒息了。这可能是特定于我正在使用的Chrome版本或HAR查看器版本，但是。。。你能说出你想到的其他一些工具吗？谷歌没有帮助。谢谢。嗨，加布里埃尔，我们正在修复HAR支持中的一些错误。如果您告诉HAR查看器跳过验证（这是一个复选框），那么您将获得日志文件的大致准确视图。缺少的字段应该在将来的版本中进行包装，但目前这是我唯一可以提供的解决方法。有趣的是，我的日志在HAR查看器中不起作用，不管验证如何，但我从其他人那里通过邮件收到的一些日志起作用。所以我很好。如果你能减少错误，请提交一个bug并让我知道。我会确保它被分入正确的团队（或者对WebKit提起诉讼，因为这可能是问题所在）。尝试“复制为HAR”会返回一条消息“您需要安装一个允许剪贴板访问开发人员工具的Chrome扩展”-但似乎没有这样的扩展可用。当我选择“全部”时，它实际上只选择可见的行。您不能再检查版本23.0.1271.97中的“开发人员工具”元素（我只测试了此版本）在Ubuntu 12.04上：（您仍然可以检查开发工具，只需使用chrome://inspect 页面而不是上下文菜单：