瞭解開發人員工具如何率先推出並持續運作的全新裝置模式，提供更精簡的行動裝置模式。使用顏色按鈕快速為選取器增添顏色，並瞭解開發人員工具即將推出哪些功能。
一窺日後創作的未來
我們即將回歸 Chrome 開發人員高峰會，在這場活動中，我說明瞭目前及未來使用開發人員工具的流程。在這份摘要中，我通常不會提及仍在實驗中的功能，或是正在進行的繁雜工作，但這次決定特例。如果您沒時間觀看完整講座，歡迎參考下列提示：
裝置模式第 2 版
我們仍在努力開發這項搶眼的全新裝置模式，不過想讓所有人都能試用，因此已在 Canary 版中啟用這項功能。經過這些調整後，我們將推動開發人員工具邁向行動優先的未來，也就是以行動裝置開發為核心的未來趨勢，電腦開發則屬於「附加元件」。我們將在未來幾週內發布更多網誌文章，並提供更多版本，敬請拭目以待。
強大的動畫檢查功能
透過進行中的動畫檢查，你可以更全面地掌握任何移動的動靜。比起一次只能顯示單一元素的轉場效果，我們新增了經驗法則來將複雜的動畫分組，讓你專心瀏覽畫面。看看影片吧。等到所有功能全面推出後，我們就會提供較大且獨立的網誌文章。
版面配置模式 (搶先看)
沒時間沒多久，但可惜的是，新的版面配置模式是全新的版面配置模式，這是我迫不及待想徹底升級的功能。版面配置模式會為網頁上的任何元素新增 WYSIWYG 編輯功能。到目前為止，您可以在結構定義中編輯高度、寬度、邊框間距和邊界。您可能需等候較久的時間，才能試用我們的服務。請放心，我們會立即通知您最新進展。
透過新版時間軸面板剖析效能
我們更積極推出新的 RAIL 效能模型，而時間軸面板更小幅增多。現在，他們更全面地轉換及改善效能剖析故事。因此，我們的 Paul Ireland 並未一氣呵成，而是在台上展示「今晚飯店」的行動版網站，教我們如何正確偵測網站效能。在新推出的功能中，這些功能包括負載與性能膠卷、內含網路刊登序列、樹狀檢視摘要，以及按網域和檔案查看福利費用的功能。
輕鬆為任何元素新增前景和背景顏色
如要在元素中加入背景顏色或色彩屬性，無法直接開啟顏色挑選器，一般的做法是每次打字輸入，例如「背景：紅色；」，這樣顏色挑選器圖示就會顯示，然後選擇所需的實際顏色。
我們本來可以簡化這個過程。我們加入了兩個酷炫的按鈕，只要將滑鼠遊標懸停在選取器右下角時就會顯示，讓您可以選取顏色，而且按一下就能開啟挑選器：
精選應用程式
- 我們在「樣式」面板中顯示一般媒體類型已浪費了許多空間。如果這個情況不尋常，我們會在您的選取器之前隱藏這類內容！
- 現在只要在「樣式」面板中，將滑鼠遊標懸停在 CSS 選取器上，即可查看該頁面中適用的元素數量。
- 還沒放棄列印嗎？列印媒體模擬功能仍處於開發階段，可用來查看網頁列印後的樣貌，我們直接將頁面移至「轉譯設定」。
- 選擇要檢查的元素時，我們現在會自動展開及關閉相關的 DOM 子樹狀結構。難以解釋，眼見為「相信」。
一如往常，歡迎透過 Twitter 分享心得或下方留言，並隨時前往 crbug.com/new 提供意見。
下個月見！
Paul Bakaus 與開發人員工具團隊