有什麼辦法從Chrome開發者工具導出時間圖嗎？

我正在使用Chrome開發人員工具爲客戶端查看網站，如果我可以導出時間圖的結果，那就太好了。有什麼辦法從Chrome開發者工具導出時間圖嗎？

這可能嗎？

來源

2011-01-10 chris

這並不簡單，但似乎工作得很好！

首先，你需要獲得時間表了在開發工具，然後右鍵單擊某處和「檢查元素」。這將打開另一個版本的開發工具，並提供HTML。
您需要通過右鍵點擊點擊<html>標籤和選擇「複製爲HTML」。
將其粘貼到文本編輯器中並保存爲html文件。
在Chrome中查看以下網址，並將這些文件保存到與html文件相同的位置。 chrome-devtools://devtools/DevTools.js chrome-devtools://devtools/devTools.css
更改已保存的HTML的標籤<head>的位置指向這些文件。
將資源選項卡中的所有圖像保存在此文件所在位置的「圖像」文件夾中。這將需要很長時間，對不起！我想這些都會包含在Chromes安裝目錄下的Chrome「resources.pak」文件中，但是我找不到一個簡單的方法來提取它。
在瀏覽器中查看您的HTML應該會顯示您需要的內容，顯然一旦您提取了資源js和css，就可以簡單地將不同版本的時間線複製並粘貼到不同的HTML文件。

來源

2011-04-21 12:20:34 bjammin666

在Ubuntu 12上，您不能再檢查版本23.0.1271.97中的開發工具元素（我僅測試此版本）。04 :( – 2013-01-07 13:10:14

您仍然可以檢查您只需使用chrome：// inspect頁面而不是上下文菜單的開發工具： http://stackoverflow.com/questions/12291138/how-do-you-inspect-這可能是特定於我正在使用的Chrome版本或HAR查看器版本，但是..在Web瀏覽器中的鉻/ 13568896＃13568896 – 2013-04-02 15:34:13

假設你指的是瀑布圖輸出在network面板，你可以在圖表的標題右鍵單擊（或圖表本身在任何空白區域），並選擇「複製網絡日誌作爲HAR「將圖表的數據拉入剪貼板。

HAR是一種很多工具可以理解的格式;生成一個漂亮的瀑布圖與你的客戶討論，看看像HAR Viewer。我認爲這將滿足你的需求。

來源

2011-04-22 14:51:17

嗨邁克，HAR查看器扼流圈我粘貼在日誌中。。你能說出一些你認爲的其他工具嗎？Google沒有幫助。謝謝。 – 2011-06-03 08:30:06

如果您想要在網絡面板上快速簡便地捕獲數據，您可以右鍵單擊顯示數據中的任意一行，選擇全部，然後將內容複製並粘貼到Excel中。

Excel實際上在捕獲數據的表格佈局方面做得很好，再加上一次在Excel中可以根據您的需要操縱數據。

一個缺點是它不能捕獲Chrome中生成的那些整齊的瀑布圖，但我想Excel的圖形功能可以彌補這一點！

來源

2011-09-06 05:02:02 Fergal

有什麼辦法從Chrome開發者工具導出時間圖嗎？

回答

相關問題