在 Chrome 開發人員大會 2014 上，我們討論了許多主題和全新的 API，但這並非新穎功能的唯一用途。
無論您是新手網頁開發人員，還是即將開始探索新 API 的經驗豐富開發人員，都很可能會遵循這三個步驟：學習、建構和迭代。
Matt Gaunt 將說明 Chrome 開發人員平台團隊為解決這些問題所做的努力。
學習
網站基礎知識是一組以用途為主導的說明文件，涵蓋各種主題。主要目標是讓開發人員從幾乎沒有知識，盡可能快速地實施最佳做法。
Web Fundamentals 的主要目標之一，就是確保您在接觸新主題時，指南能盡可能減少「選擇癱瘓」的情況。Addy Osmani 在 Pastry Box 中完美地說明瞭這項功能。
如果您發現網站或網站內容有任何問題，或是希望 Web Fundamentals 涵蓋特定主題，請在 GitHub 提交意見回饋。
建構
為協助您啟動新的網頁專案，我們建立了Web 入門套件。它提供您所需的一切：
- 穩固的建構程序
- 樣板 HTML
- 風格指南
建構程序
如果您是建構程序的新手，最簡單的建構程序思考方式，就是將其視為一項程式，該程式會接收一組檔案，並在這些檔案上執行特定工作，並在不同位置輸出新版本。這些工作會將檔案最佳化，以縮短載入時間、檢查可能的錯誤，或處理可自動化的工作。
在 Web 啟動工具包中，我們有以下程序：
我們會壓縮並連結 CSS 和 JavaScript，讓瀏覽器能快速擷取檔案，同時也會透過 JSHint 執行 JavaScript，檢查 JavaScript 最佳做法和常見的程式碼錯誤。圖片會透過 imagemin 縮減，使用這個工具可大幅縮減檔案大小。我們也有建立樣式指南 CSS 的程序。
多裝置 HTML 的樣板
您為新頁面編寫的第一組 HTML 是相當標準的內容，而且您很可能會找到一些方法，快速取得可在多種裝置和螢幕大小上順利運作的標準 HTML 檔案。
在 Web Starter Kit 中，我們希望新增支援任何模糊平台和網站之間界線的功能，因此我們新增了 Android、Windows Phone、iOS 和 Opera Coast 的新增至主畫面和啟動畫面支援功能。
風格指南
Web 啟動工具包的最後一個部分是 Styleguide。
這可為任何新專案提供一組出色的預設樣式和元件，鼓勵以樣式為導向的開發作業。您可以變更元素的現有樣式，並新增自己的樣式。
在 WSK 的下一個版本中 (預計於明年初推出)，我們正努力簡化樣式指南的搭配方式，並改用 Material Design 的外觀和風格。Matt 在 Chrome 開發人員大會上展示早期模擬，您可以在下方查看示例。
疊代
開始將新知識付諸實踐後，您可以使用 DevTools 進行偵錯、改善及維護工作。
DevTools 推出了一些重大新功能，Matt 將介紹以下新功能。
裝置模式
裝置模式是開發人員工具中的新專區，可讓您快速查看網站在不同行動裝置上的運作情形，同時查看 CSS 中的媒體查詢。
裝置模式的一大優點，就是能夠限制網路速度，讓您模擬使用者在 GPRS、EDGE、3G、DSL 或 Wi-Fi 連線的使用體驗。
Paint Profiler
如果您曾開啟時間軸分頁並按下記錄按鈕，可能會在時間軸中看到一些繪圖事件。通常這會是一個黑盒子，您無法得知瀏覽器為何這麼做，或它正在執行什麼作業。
繪圖分析器不會提供更多資訊，說明瀏覽器在繪圖期間實際執行的操作。
撤銷追蹤
開發人員工具現在會提供發生著色或版面配置的可能原因，這對任何想瞭解時間軸和瀏覽器行為的使用者都很有幫助，也能讓您改善程式碼，避免發生效能問題。
火焰圖檢視畫面
這是查看時間軸上可用資訊的另一種方式。這樣一來，您就能更輕鬆地查看工作重疊情形，以及其他工作導致的瀏覽器行為。
影格檢視器
在火焰圖檢視畫面中，您可以選取特定影格，並在該影格中探索頁面中哪些元素已提升至合成圖層，以及提升的原因。
學習。建置、疊代
這些是 Chrome 團隊為了協助開發人員快速掌握網頁開發作業而做出的努力，因此請務必查看 網頁基礎知識、網頁啟動工具包，以及 Chrome 開發人員工具的新功能。