Chrome 開發人員工具的更新速度很快，因此我們想提醒您，我們已為部分元件推出一些新功能和改善項目。具體來說，我們將討論一些 UI 變更、高解析度 JS 分析，以及新的 Workspaces 功能。
- 高解析度分析現在可精確到 0 .1 毫秒
- 工具列已移至 DevTools 頂端，而覆寫項目則移至控制台抽屜
- Workspaces 新增了多項功能，可支援新增/移除/搜尋檔案
高解析度剖析
CPU 分析是一項相當實用的功能，可讓您瞭解 JavaScript 的效率。除了傳統的設定檔檢視畫面外，我們今年夏天也推出了火焰圖，以視覺化方式呈現網頁的 JavaScript 處理作業。您可以輕鬆查看呼叫堆疊的深度，以及個別函式處理所需的時間。
直到最近，傳統的 Heavy (由下往上) 和 Tree (由上往下) 表示法，以及火焰圖，都只會顯示精確度為 1 毫秒的程序。對大多數應用程式來說，這並無妨。不過，如果您正在開發的項目在使用者介面中，速度非常重要 (例如遊戲)，則 1 毫秒的解析度可能太粗略，無法針對導致網站速度緩慢或使用者介面延遲的因素，取得有意義的結果。如要啟用高解析度剖析功能 (目前僅適用於 Canary)：
- 開啟開發人員工具設定。
- 在「一般」分頁的「分析器」下方，開啟「高解析度 CPU 分析」。
以下是正常剖析和高解析度剖析時的火焰圖範例，我們會剖析 HTML5Rocks.com 首頁的載入情形：
在一般剖析解析度下，處理時間一律會四捨五入到下一個毫秒，因此只需 0.1 毫秒或更短時間的程序仍會被記錄為 1.0 毫秒，而其他程序可能完全不會顯示在呼叫堆疊中。
高解析度剖析在 JavaScript VM 中會產生大量額外負擔，因此預設會關閉。雖然這確實比一般剖析解析度更酷，但建議您只在確實需要精確度時才使用。
開發人員工具 UI 改善項目
雖然 Canary 總是推出新功能，但我們想提醒您注意幾項重大的 UI 變更：按鈕會一般顯示在 UI 頂端、時間軸導覽和資訊面板，以及覆寫項目會移至控制台側欄。
首先，讓我們來看看我們從哪裡開始。既然我們正在討論時間軸，我會試著用一組螢幕截圖解決前兩個問題。以下是 Chrome (穩定版) 目前的時間軸畫面：
時間軸現在的樣貌如下所示。
請注意下列事項：
- 工具列和按鈕現在都位於畫面頂端，包括左側的特定時間軸工具列和右側的一般開發人員工具。
- 時間軸記錄現在在左側面板中顯示巢狀結構，您甚至可以使用鍵盤捲動瀏覽這些記錄。除了使用向上鍵和向下鍵上下捲動之外，您也可以使用向左鍵和向右鍵開啟及關閉巢狀記錄。
- 系統現在會在右側面板中顯示所選項目的時間詳細資料。(您也可以將滑鼠游標懸停在其他項目上，取得相關資訊)。
接下來，我們來看看控制台抽屜。如要開啟控制台抽屜，請在開發人員工具中按下 Escape 鍵，或按下控制台抽屜按鈕 
，抽屜就會從底部捲起。
根據預設，你會看到「控制台」和「搜尋」分頁。如要使用先前稱為「覆寫」的功能，請開啟開發人員工具設定，然後勾選「在控制台面板中顯示『模擬』檢視畫面」旁的方塊。關閉設定方塊後，控制台側欄中就會顯示「模擬」分頁，如下圖所示：
您可以在其中進行所有模擬作業。
這項異動的原因是，先前您必須進出「設定」頁面，才能變更模擬器覆寫值，然後返回查看頁面。您現在可以變更模擬值覆寫值，同時操控樣式。
改善工作區
特別是工作區，這項功能可以大幅簡化您的撰寫工作流程，但卻沒有獲得應有的關注。使用工作區時，您不必在開發人員工具中進行實驗和變更，也不必將變更複製並貼回原始檔案，而是可以在開發人員工具中進行變更、在瀏覽器中查看這些變更，並將其儲存為檔案的持續性本機版本，而且無須離開 Chrome 即可完成所有操作。
如果您尚未閱讀「Chrome 開發人員工具的重大改進 (2013 年)」一文，請先參閱該文章，然後再回到這裡，瞭解我們在過去幾個月內如何改善這些功能。
新增檔案更輕鬆
在 2013 年 Revolutions 文章發表時，建立新工作區需要將資料夾新增至工作區，然後將資料夾對應至網路資源。我們已將這項程序簡化為單一步驟：只要在「來源」左側面板中按一下滑鼠右鍵，然後選取「將資料夾新增至工作區」即可。系統會啟動檔案對話方塊，您可以選擇要新增至工作區的新資料夾。(不會將目前醒目顯示的資料夾新增至工作區)。
建立及移除檔案
您現在可以將新檔案新增至工作區內用於工作區的本機目錄。只要在左側的「來源」面板中按一下資料夾，然後選取「新檔案」即可。
你也可以在工作區中移除檔案。在左側的「來源」面板中，按一下檔案的滑鼠右鍵，然後選取「刪除檔案」。
你也可以選取「複製檔案」來複製檔案。
重新整理
您現在可以直接在工作區中建立新檔案 (或刪除檔案)，系統也會自動重新整理並顯示這些新檔案。如果沒有，您可以隨時在資料夾上按一下滑鼠右鍵，然後在彈出式選單中選取「重新整理」，強制重新整理。
如果您在其他編輯器中變更開啟的檔案，並希望變更內容顯示在開發人員工具中，這項功能也相當實用。
在所有檔案中搜尋
我們稍微調整了跨檔案搜尋的介面，現在您也可以在工作區中的所有檔案，以及載入至 DevTools 的所有檔案中搜尋字串。您可以搜尋字串或規則運算式，我們會比對每個檔案或網頁中的每個出現情形。如要在工作區中搜尋多個檔案 (目前僅適用於 Canary 版)：
- 按下 Esc 鍵開啟控制台抽屜，然後點選「控制台」旁的「搜尋」分頁標籤，即可開啟「搜尋」視窗
或
按下 Ctrl + Shift + F (在 Mac 上為 Cmd + Opt + F) 開啟「搜尋」視窗。
- 在「搜尋來源」方塊中輸入查詢字詞，然後按下 Enter 鍵。如果查詢是規則運算式，或需要區分大小寫，請按一下適當的方塊。
忽略清單
如果您有大量的 .git 檔案或 README.md 檔案，會讓結果變得雜亂，因此搜尋檔案文字或篩選檔案名稱可能會非常耗時。
因此，我們在 Workspace 中新增了忽略清單功能，讓您在查看及搜尋工作區時，可以排除特定檔案類型或資料夾。
如要查看及變更 Workspaces 中目前的共用忽略清單，請按照下列步驟操作：
- 開啟開發人員工具的「設定」。
- 按一下 [工作區]。
- 在「常見」下方的「資料夾排除模式」方塊中，您可以查看及/或編輯模式。
我們提供下列預設全域排除模式：
這個規則運算式會排除 Git、SVN、Mercurial、Eclipse 和 IntelliJ 的專案檔案、OS X DS_Store 和垃圾桶檔案，以及其他值得忽略的項目，例如 Sass 的快取。整個資料夾 (包括所有子資料夾) 都會從 UI 中排除，因此不會顯示在 UI 中，也不會在搜尋檔案時顯示。
工作區專屬的忽略清單
如要進一步縮小搜尋範圍，您也可以選擇排除特定工作區中的檔案和資料夾，排除的資料夾也不會顯示在來源目錄中。
如要從工作區中排除整個資料夾，請在左側的「來源」面板中按一下資料夾，然後選取「排除資料夾」。如要查看特定工作區資料夾的對應項目和排除的資料夾，請按照下列步驟操作：
- 開啟「DevTools」設定。
- 按一下 [工作區]。
- 醒目顯示你有興趣的資料夾。
- 按一下「編輯」，系統就會顯示「編輯檔案系統」視窗，您可以在這個視窗中新增或移除對應項目和/或排除的資料夾。
