行動裝置優先世代的全新裝置模式
我們在一年多前推出了裝置模式，這是一種模擬裝置並搭配回應式設計的方法。如今，Chrome 49 開始進行首次重大升級。那麼，有什麼新功能嗎？
行動裝置成為 Chrome 開發人員工具的起點。雖然我們過去提供模擬行動裝置的方法，但開發作業的預設值是電腦。行動模擬功能一律必須開啟。由於行動版網站的使用量在許多地區已超越電腦版，因此我們也將在 DevTools 中改變位置。
新功能
首先，UI 經過精簡，所需空間也大幅減少。我們預期新的裝置模式將成為多數人的開發主模式，因此需要設計簡潔的簡單介面，以便擴充主要 DevTools 導覽列。
媒體查詢上方的新快速跳轉裝置標尺。
此外，我們將檢視區置中，並在頂端新增了快速跳轉裝置標尺，這在設計回應式網頁時非常實用，可讓您瞭解最常見的裝置大小。
最後，我們盡可能將許多選項組合在一起，或隱藏在切換按鈕後方。這些新的組合選項可讓您更輕鬆地在不同模式之間切換。如要切換特定控制項或自訂工具列體驗，請按一下三點選單圖示。
預設為回應式
主要的 DevTools 工具列現在會展開至瀏覽器視窗的左側，並包含模擬各種行動裝置和電腦裝置的重要工具。您可以選擇以下兩種開發模式：
- 回應式
- 特定裝置
無論是哪種模式，檢視區都會位於 Chrome 中可調整大小的視窗中。這項功能的一大優點是，您可以依照自己的喜好將瀏覽器視窗和 DevTools 設為最大化，並在測試網頁的多種大小時，不必來回切換視窗。
在積極迭代期間，您應使用「回應式」模式，確保網站可在所有類型的裝置上運作，而非僅限於少數特定裝置。在這個模式中，可視區域旁的控點可自由調整大小。
「特定裝置」是指您選擇特定裝置並將可視區域鎖定為該裝置大小的情況。當您想要在發布前為幾款熱門裝置進行最終修正和調整時，這項功能就很實用。因此，我們不僅會在下拉式選單中顯示所有裝置的龐大清單，也會顯示目前最熱門的裝置。如果您選取其中一個，我們會盡力讓其行為與實際情況盡可能相似：觸控事件、使用者代理程式、檢視區、裝置邊框和 UI (如有) 都會模擬。
整合式遠端偵錯
模擬功能 (即使是目前最好的模擬功能) 也只能幫助您到達某個程度。目前模擬功能無法執行的功能包括：
- 檢查按鈕是否足夠大，可讓您用大拇指操作。
- 在速度較慢的手機上測試網站效能。
- 偵錯特定裝置的隨機異常和限制。
如要充分測試所有這些情境，您必須使用實際實體裝置進行測試、運作和偵錯。
您可以瀏覽 chrome://inspect，透過 USB 連線裝置，並透過開發人員工具開啟遠端偵錯工作階段。不過，我們現在已更進一步，重新整理遠端偵錯的樣貌和行為，並將其嵌入 DevTools 核心。您現在可以直接透過新的主選單，以對話方塊的形式存取「檢查裝置」，而無需瀏覽其他頁面。這樣一來，您就能更輕鬆地將實體偵錯功能納入工作流程，只要將手機插入電腦即可，不必退出 DevTools！
其他舊版模擬控制項的新位置
由於行動裝置現在是 DevTools 的預設值，因此網路節流等功能已移至適當的位置，在本例中是「Network」面板。
部分功能 (例如模擬感應器或模擬列印媒體的算繪設定) 已移至 Drawer 中的固定位置。你可以在新的主選單中找到「更多工具」下方的所有額外功能。
我們瞭解這項重大異動需要大家適應，如需完整的涵蓋範圍，請參閱剛更新的裝置模式說明文件。歡迎在 Twitter 上與我們聯絡，如果您需要超過 140 個字元，也可以透過 Bug Tracker 與我們聯絡 (是的，即使是功能要求也沒問題)。