我正在使用Chrome开发者工具查看客户端的网站，如果我可以导出时间图的结果，那就太好了。
这可能吗？
答案 0 :(得分：26)
假设您在network面板中引用了瀑布图输出，您可以右键单击图表的标题（或图表本身中的任何空白区域），然后选择“将网络日志复制为HAR“将图表的数据拉入剪贴板。
HAR是许多工具都能理解的格式;要生成一个漂亮的瀑布图以与您的客户讨论，请查看HAR Viewer之类的内容。我认为这将满足您的需求。
答案 1 :(得分：1)
这不是很简单，但似乎运作得很好！
首先，你需要获得时间表 在Dev Tools中右键单击 在某处和“检查元素”。 这将打开另一个版本 开发工具，提供HTML。
您需要正确复制此内容
点击<html>标记即可
选择“复制为HTML”。
将其粘贴到文本编辑器中并另存为html文件。
在Chrome中查看以下网址，并将这些文件保存到与html文件相同的位置。
chrome-devtools://devtools/DevTools.js
chrome-devtools://devtools/devTools.css
更改已保存的html中<head>标记中的位置以指向这些文件。
将资源选项卡中的所有图像保存在此文件所在位置的“图像”文件夹中。这需要很长时间，抱歉！我认为这些都将包含在Chrome“resources.pak”文件中，该文件位于Chromes安装目录中，但是我找不到一种简单的方法来提取它。
在浏览器中查看HTML应该会显示您的需求，显然，一旦您提取了资源，js和css，您就可以简单地将不同版本的时间线复制并粘贴到不同的HTML文件中。
答案 2 :(得分：0)
如果您想快速简便地捕获网络面板上的数据，可以右键单击显示数据中的任意一行，选择所有行，然后将内容复制并粘贴到Excel中。
Excel实际上可以很好地捕获数据的表格布局，再加上Excel一次就可以根据需要操作数据。
一个缺点是它没有捕获Chrome中生成的那些整齐的瀑布图，但我猜Excel的图形功能可以弥补这一点！