瞭解開發人員開發工具如何優先支援行動裝置。這款裝置極為流暢的全新裝置模式，並隨時處於運作狀態。使用顏色按鈕快速為選取器加上顏色，並查看開發人員工具即將推出的功能。
一窺創作的未來
接下來，在 Chrome 開發人員高峰會上，我介紹了我們今天和未來的 Chrome 開發人員高峰會與開發人員工具搭配運作的方式。在這次摘要中，我通常不會提及任何仍在實驗階段或正在執行大量開發的功能，但這次會破例。如果沒時間觀看完整的對話內容，可以參考以下重點：
裝置模式第 2 版
我們仍在努力開發全新的裝置模式，並且讓所有的使用者都有機會試用。因此，我們今天已在您的 Canary 中啟用這項功能。隨著這些調整，我們會將開發人員工具推出適合行動裝置的未來發展，以行動裝置開發做為預設應用程式，而電腦開發則是「外掛程式」。我們預計在未來幾週內，陸續推出更多版網誌文章，敬請期待。
強大的動畫檢查功能
「動畫檢查」部分則會列出所有動態的動態詳情，與其逐一顯示單一元素的轉場效果，我們更進一步運用經驗法則將複雜的動畫分組，讓您專注於眼前看到的內容。觀看影片，待全面推出後，我們會提供內容更大的獨立網誌文章。
版面配置模式 (搶先預覽)
還沒準備好，但很令人期待的是新的版面配置模式，這是我迫不及待想完全建構出來的功能。版面配置模式可針對網頁上的任何元素，將所見即所得編輯功能加入開發人員工具中。到目前為止，您可以在結構定義中編輯高度、寬度、邊框間距和邊界。需要一些時間才能做測試，我們會隨時通知你最新進展。
使用更新後的時間軸面板剖析效能
在進一步推出全新的 RAIL 效能模型的過程中，「時間軸」面板進行了數百項小幅變更，而這些調整會大幅轉換和改善效能分析情況。因此，我們的 Paul Ireland 示範如何妥善偵錯網站成效，而不是單獨逐一展示每個變更。以這個例子來說，我們要在台上站放了 Hotel Tonight 的行動版網站。新推出的功能包括負載和表演電影膠卷、包含的網路刊登序列、樹狀檢視摘要，以及可依網域和檔案查看效能費用。
輕鬆為任何元素加上前景和背景顏色
每次要為元素新增背景顏色或顏色屬性時，只能使用顏色挑選器。這時您不用每次都輸入「background: red;」，而是每次都輸入「background: red;」。這樣一來，只要輸入顏色挑選器圖示，就能選擇要使用的顏色。
我們認為這可以簡化這件事。我們新增了兩個實用的按鈕，只要滑鼠遊標懸停在選取器的右下角，就能新增顏色，而且只要按一下滑鼠就能看見挑選器：
其餘服務
- 我們顯示一般媒體類型後，將許多舊版廣告空間浪費在「樣式」面板中。如果有不尋常的事情，我們現在會在選取器之前隱藏它！
- 現在起，您可以在「樣式」面板中將遊標懸停在 CSS 選取器上，查看套用該工具的網頁元素數量。
- 還沒放棄列印嗎？列印媒體模擬功能仍在使用中，可讓您查看頁面列印後的外觀。我們剛將這項功能移至「轉譯設定」。
- 選擇要檢查的元素時，我們現在會自動展開及關閉相關的 DOM 子樹狀結構。難以解釋，看到的是他們可能抱持的信念。
和往常一樣，歡迎透過 Twitter 或下方的留言與我們分享您的想法，並向 crbug.com/new 回報錯誤。
下個月見囉！
Paul Bakaus 和開發人員工具團隊