2016 年 Google I/O 大會已結束。開發人員工具在 I/O 大會上十分受矚目，包括 Paul Bakaus、Paul Ireland 和 Seth Thompson 談論 DevTools 的未來發展。歡迎觀看下方影片或繼續閱讀，進一步瞭解 DevTools 在 2016 年和之後的發展方向。
編寫
開發人員工具的宗旨是簡化網頁開發生命週期的每個階段。您可能知道開發人員工具可協助偵錯或剖析網站，但可能不知道該如何利用這項工具來協助編寫網站。「創作」是指建立網站的行為。我們日後的目標之一，就是讓您在各種裝置上更輕鬆地反覆測試、進行實驗及模擬網站。
裝置模式
開發人員工具團隊持續改進裝置模式體驗，也就是在 Chrome 49 版中獲得首次重大升級。請參閱 3 月發布的貼文 (為行動裝置優先的推出全新裝置模式)，瞭解更新內容。我們的最終目標是提供流暢的工作流程，讓使用者透過各種板型規格瀏覽及模擬您的網站。
我們於 3 月發布文章後，以下是一些裝置模式更新，簡要說明我們在 Canary 版中推出的更新。
以特定裝置查看網頁時，您可以在網頁周圍顯示裝置硬體，進一步打造身歷其境的體驗。
裝置方向選單可讓您在啟用不同的系統 UI 元素 (例如導覽列和鍵盤) 時檢視頁面。
電腦版的故事也有所改善。透過裝置模式的縮放功能，您可以模擬比您實際使用螢幕時更大的桌面螢幕，例如 4K (3840px x 2160px) 螢幕。
您可以直接透過裝置模式 UI 節流網路，不必切換至網路面板。
來源差異
疊代網站的樣式時，會很容易失去追蹤變更。為解決這個問題，開發人員工具將針對「來源」面板的行號空白邊顯示視覺提示，協助你追蹤變更內容。已刪除的行會以紅線標示，修改後的線條將以紫色標示，而新行則以綠色醒目顯示。
您也可以在全新的「快速來源導覽匣」分頁中，追蹤變更內容：
初次使用「快速來源」分頁時，您可以同時使用 CSS 規則和 HTML 或 JavaScript 原始碼。此外，當您在「Styles」窗格中按一下 CSS 屬性時，「快速來源」分頁會自動跳至並醒目顯示原始碼中的定義。
歡迎在 Chrome Canary 中啟用來源差異實驗功能，立即試用。
Live Sass 編輯
以下簡單說明 Sass 編輯工作流程近期將有哪些重大改善。這些功能仍在實驗階段的初期階段。開放試用時，我們會在後續文章中告知。
基本上，DevTools 就能讓您像往常一樣檢視及編輯 Sass 變數。點選從 Sass 變數編譯而來的值，新的「快速來源」分頁就會跳至該變數的定義。
編輯從 Sass 變數編譯的值時，修改的內容會更新 Sass 變數，而不只是您選取的個別屬性。
漸進式網頁應用程式
查看 2016 年 Google I/O 大會上發表的網路和 Chrome 講座清單，您會發現漸進式網頁應用程式在網路開發領域的重大主題。
隨著漸進式網頁應用程式模型的成長，開發人員工具仍在迅速疊代，提供開發人員製作優質漸進式網頁應用程式所需的工具。我們瞭解要建構這些新型應用程式並進行偵錯，往往遇到了獨特的需求，因此開發人員工具團隊專門協助開發漸進式網頁應用程式。開啟 Chrome Canary，就會看到「資源」面板已替換為「應用程式」面板。但仍保留「資源」面板先前所有先前提供的功能。我們專門針對漸進式網頁應用程式開發提供幾個新窗格：
資訊清單窗格會以視覺化方式呈現應用程式資訊清單檔案。你可以在這裡手動觸發「新增至主畫面」工作流程。
「Service Workers」窗格可讓您檢查在目前頁面中註冊的 Service Worker，並與其互動。
此外，您也可以運用「清除儲存空間」面板抹除各種資料，以便查看清楚的頁面畫面。
JavaScript
跨前端與後端之間的界線是完全堆疊網路開發的一大挑戰。如果您在對網頁應用程式偵錯時，發現後端傳回 500 狀態碼，代表您實際上達到開發人員工具的實用性上限，因此您需要變更背景資訊並啟動後端開發環境來進行偵錯。
不過，使用以 Node.js 編寫的後端時，前端與後端之間的界線已開始模糊處理。由於 Node.js 是在 V8 JavaScript 引擎 (與 Google Chrome 採用的引擎) 上執行，因此我們想要透過開發人員工具對 Node.js 進行偵錯。感謝 V8、DevTools 和 Node.js 適用的 Google Cloud Platform 團隊，您現在可以使用開發人員工具的所有強大的偵錯功能，介紹 Node.js 應用程式。這些功能目前已支援 Node.js 夜間版本，不過開發人員工具整合功能尚未經過修正，才在主要版本推出。透過開發人員工具對 Node.js 應用程式進行偵錯，就像在任何 Chrome 視窗中傳遞 node --inspect app.js 及從開發人員工具連線一樣簡單。
雖然現有工具 (例如 Node Inspector) 提供以 GUI 為基礎的偵錯體驗，但新的 Node.js 開發人員工具整合功能會持續提供開發人員工具最新的偵錯功能，例如非同步堆疊偵錯、黑箱功能以及 ES6 支援。