Chrome遠程調試Android上的多點觸控操作
時間：2016-09-14 09:41:53
作者：zhongxia
背景：需要在頁面上實現多點觸控，但是在PC端上的Chrome上，模擬設備，目前沒有找到實現多點觸控的方法。因此只能找一下是否有遠程調試真機頁面的功能。 這里就整理以下，如何使用用Chrome遠程調試真機訪問的頁面
需求
要開始遠程調試，你需要：
- 安裝 Chrome 32 或者之后的版本。
- 連接安卓設備用的 USB 線纜。
- 對于通過瀏覽器調試：安卓 4.0 以上并且安裝了 Chrome for Android。
- 對于通過應用調試：安卓 4.4 以上并且應用包括可用于調試的 WenView 組件。
- 提示：遠程調試需要你電腦端的 Chrome 版本要高于安卓端的版本。想更好地使用此功能，請使用電腦端的 Chrome Canary （Mac/Windows） 或者 Dev channel 發(fā)行版（Linux）。
說白了，android機子一部（微信不行），PC端chrome瀏覽器，USB線
設置安卓設備
請按照以下說明來設置安卓設備：
1. 打開 USB 調試選項
不同的手機，打開開發(fā)者模式的方式不一樣。
這邊以小米手機為例，默認情況下，開發(fā)者模式是隱藏的。
- 打開設置-》關于手機-》MIUI版本-》點擊五六次，提示出現開發(fā)者模式
- 設置-》更多設置-》開發(fā)者模式--》開啟USB調試
2. 連接你的設備
將你的安卓設備和電腦用 USB 線連接起來。
注意：如果你在 Windows 下進行開發(fā)，那么你需要為你的安卓設備安裝驅動。具體可以參考安卓開發(fā)者網站上的 OEM USB Drivers
在 Chrome 中找到設備
在安卓設備上設置好遠程調試后，在 Chrome 中找到你的設備。
在電腦端的 Chrome 里，在地址欄輸入 chrome://inspect。進入后確認 Discover USB devices 已經勾選了：
提示：你也可以從 Chrome menu > More tools > Inspect Devices 來進入 chrome://inspect
在你的設備上，會跳出一個警告，告訴你是否要允許在電腦端進行 USB 調試。選擇 OK。
注意：在遠程調試時， Chrome 會阻止你的設備進入休眠狀態(tài)。該特性對于調試相當有用，但在安全性上有所欠缺。所以在調試的時候要注意看好你的手機！
在電腦端，打開選項卡并啟用 WebViews 調試后，chrome://inspect 頁面會顯示全部已連接的設備。
從 chrome://inspect 也賣弄查看已連接的設備
如果從 chrome://inspect 頁面查找設備時遇到了問題，請參考 Troubleshooting 章節(jié)。
調試遠程瀏覽器
在頁面 chrome://inspect 上，你可以加載 DevTools 并且調試你的遠程瀏覽器。
要開始調試，請點擊你希望調試的瀏覽器選項卡下面的 inspect。
接著你的電腦會加載新的 DevTools。在新的 DevTools 上，你可以在你的安卓設備上和選中的瀏覽器實時交互。
左邊是手機上頁面的實時情況，右邊是Chrome開發(fā)工具，調試按照PC端怎么調試就怎么來。
注意：你設備的 Chrome 版本將會決定遠程調試中 DevTools 的版本。由于這個原因，你在遠程調試時使用的 DevTools 可能和你平常使用的不大一樣。
調試提示
下面是使用遠程調試功能的一些提示：
- 按 F5（或者在Mac上 Cmd + r）來重新加載遠程頁面。
- 讓設備的網絡處于打開狀態(tài)。使用 Network 面板來查看實際移動設備的網絡流狀態(tài)。
- 使用 Timeline 面板來分析提交數據和 CPU使用狀態(tài)。在移動設備上運行的程序通常會比在開發(fā)機器上運行的要慢一些。
- 如果你是在本地的 web 服務器上運行的，使用端口轉發(fā)或者虛擬主機映射 技術來讓設備訪問你的站點。
