開發行動遊戲的過程和針對電腦開發一樣簡單。我們一直致力於開發 Chrome 開發人員工具，希望提供更簡便的操作方式，也有助於您推出幾項新功能，大幅改善您的行動版網站開發品質。首先是執行遠端偵錯，然後我們會公開適當的行動裝置模擬結果。
將裝置畫面投放到電腦的螢幕側
目前，在遠端偵錯過程中，您必須在裝置和開發人員工具之間來回切換。現在，「螢幕側錄」會和開發人員工具一併顯示裝置的畫面。觀看內容很好，但與其互動更棒：
- 螢幕側錄點擊會轉譯為輕觸，然後在裝置上觸發適當的觸控事件。
- 使用電腦指標檢查裝置上的元素
- 只要在電腦鍵盤上輸入內容，所有按鍵動作都會傳送至裝置。超乎想像的大拇指打字。
- 使用指標快速翻頁來捲動頁面，或是直接在筆電觸控板上滑動頁面。
螢幕側錄的完整說明文件包含這些及其他更多內容，例如傳送雙指撥動縮放手勢。必須使用 Android 版 Chrome 測試版 (m32)。
輕鬆遠端偵錯
18 個月前，Chrome 為 WebKit 瀏覽器推出適當的遠端偵錯功能，但如果您曾嘗試使用 WebKit 瀏覽器，就必須處理 400MB 的 Android SDK 下載、將 adb 二進位檔新增到 $PATH 以及一些神奇的指令列掃描中。
很高興在此宣布，你已經忘記這些資訊了。Chrome 現在可原生偵測及與 USB 連線裝置交談。我們已直接在 Chrome 中透過 USB 實作 adb 通訊協定，因此您可以輕鬆前往 Menu > Tools > Inspect Devices 並立即啟動遠端偵錯工作階段。
這項功能在各種平台 (包括 Chrome 作業系統) 上都十分有效。但請注意，在 Windows 上，您必須先安裝適當的 USB 驅動程式，才能與裝置通訊。如果您從未嘗試過這項功能，則必須在裝置上啟用 USB 偵錯功能，並確認您使用的是 Chrome for Android 測試版。閱讀完整文件。
本機專案的通訊埠轉送
您正在 localhost:8000 進行開發，但手機無法連線。因此，我們直接將通訊埠轉送功能新增至遠端偵錯工作流程。現在，您可以輕鬆完成整個專案，不會因任何隧道而遭駭。在 about:inspect 上點選進入「通訊埠轉送」選項，設定你要使用的通訊埠。如果偵測到可用通訊埠，這些通訊埠會亮起綠色。
行動裝置模擬
您不一定會擁有執行相容性測試所需的裝置，您覺得嗎？雖然遠端偵錯真實裝置的功能會帶來最佳的效能和觸控體驗，但您現在可實際模擬在電腦上模擬許多裝置特性，不僅節省時間，還能大幅加快疊代迴圈。
使用完整觸控事件模擬，模擬螢幕大小、裝置 PixelRatio 和 <meta viewport>
如果您看過先前的「裝置指標」功能，現在推出的是大幅升級了。他們一直努力，希望全新的行動模擬功能，能夠以近乎即時的方式呈現實際裝置所顯示的內容。舉例來說，WebKit 瀏覽器會維護複雜的文字自動調整演算法，而且實際上，每部裝置對於自動調整文字大小的功能都有特定的「模糊因素」，讓文字清晰易讀。在模擬模式中，您可以確認系統已套用這個行為並查看結果。
裝置像素比率
直到目前為止，我們幾乎無法看到高 DPI 裝置在低 DPI 裝置上顯示的內容。現在，開發人員工具中的 dPR 模擬功能會調整檢視畫面，讓您放大 DPI 情境。此外，window.devicePixelRatio、@media (-webkit-min-device-pixel-ratio: 2)、image-set( url(pic2x.jpg) 2x, …) 等資料都會反映您的設定，方便您查看應用程式的調整方式，包括載入不同的 dpi 專屬素材資源。
裝置模擬無法完全擴及瀏覽器功能或錯誤。因此，您在模擬 iOS 時 WebGL 仍可正常運作，而且不會發生 iOS 5 螢幕方向縮放錯誤。如要體驗這種變化形式，請在裝置上看一眼裝置。
「<meta viewport>」(和 @viewport) 的正確模擬
測試 width=device-width 和 minimum-scale:1.0 的行為，原先僅適用於裝置專用遊戲。現在，您可以快速試用不同的可視區域，觀察這些可視區域的呈現方式。
觸控事件模擬
「模擬觸控螢幕」設定可確保系統將您的點擊視為 touchstart，以此類推。此外，縮放、捲動和平移等合成事件也能正常運作。如要雙指撥動縮放，只要按住 shift + 拖曳或 shift + 捲動，即可放大內容。您可以清楚看到內容縮放至可視區域外的樣子。
最後，遇到使用者代理程式遭到假冒的情況 (包括要求標頭和 window.navigator 層級)、地理位置模擬和螢幕方向模擬功能，您都能進一步探索裝置的完整功能，
裝置預設設定
模擬預設可讓您選取手機或平板電腦，並取得正確的螢幕大小 (dPR (通用 Analytics (分析)) 和模擬的觸控事件和可視區域，你可以試用特定預設設定，也可以輕鬆逐一調整這些特徵。
請前往 devtools.chrome.com，查看「開發人員工具」的行動模擬器的完整說明文件
操作示範
如果想完整瞭解這些功能的實際運作情形，請觀看我在 DevTools 行動版的 Chrome 開發人員高峰會 23 分鐘演講：