chr*_*ris 27 development-environment google-chrome
我正在使用Chrome开发人员工具查看客户端的网站,如果我可以导出时间图的结果,那就太好了.
那可能吗？
Mik*_*est 27
假设你指的是瀑布图输出的network面板,你可以在图表的标题(或图表本身在任何空白处)单击鼠标右键,选择"复制网络日志为HAR",以图表的数据拉入你的剪贴板.
HAR是许多工具理解的格式; 要生成一个漂亮的瀑布图,与您的客户讨论,看看像HAR Viewer这样的东西.我认为这将满足您的需求.
这并不简单，但似乎效果很好！
首先，您需要在开发工具中获取时间线，然后右键单击某处并“检查元素”。这将打开另一个版本的开发工具，其中包含可用的 HTML。
您需要通过右键单击<html>标签并选择“复制为 HTML”来复制此内容。
将其粘贴到文本编辑器中并另存为 html 文件。
在 Chrome 中查看以下 url，并将这些文件保存到与 html 文件相同的位置。
chrome-devtools://devtools/DevTools.js
chrome-devtools://devtools/devTools.css
更改已保存 html 中标记的位置 <head>以指向这些文件。
将资源选项卡中的所有图像保存到该文件所在位置的“图像”文件夹中。这需要很长时间，抱歉！我认为这些都包含在 Chrome 安装目录中的 Chrome“resources.pak”文件中，但是我找不到提取它的简单方法。
在浏览器中查看 HTML 应该会显示您所需要的内容，显然，一旦提取了资源、js 和 css，您就可以简单地将不同版本的时间线复制并粘贴到不同的 HTML 文件中。
| 归档时间： |
|
| 查看次数： |
13034 次 |
| 最近记录： |