參考來源：微信web開發者工具
工具下載地址：
Windows 64位版本：下載地址
MD5: e74dd9499379ad93c68a952133eb7116
Windows 32位版本：下載地址
MD5: b69a7d94a045430a1d8216950cb27199
Mac版本：下載地址
MD5: 4024846d39293b492cec0d83edd97b73
注：支持 win7 及以上版本，支持OS X 10.8 及以上版本
下圖是該工具的主界面：
如上圖，功能簡潔明了，操作容易上手，並且官網上介紹挺詳細的，這里，我主要詳解下移動調試使用；
往下看你就會發現 ，和chrome DevTools一樣，官網上說微信 web 開發者工具集成了 Chrome DevTools。同之前在 PC 上的調試體驗一致，可以快速上手。
移動調試使用步驟：
- 調試微信網頁授權，登錄使用
- 主界面的chrome DevTools；
- 移動調試配置圖解，如下：
點擊主界面 -- 移動調試
接下來，先點擊驗證，掃碼試試你的設備是否支持X5 Bink 內核調試（用微信掃碼），小超使用的安卓機子，是支持的；（開始我用瀏覽器掃碼，顯示不支持，着實嚇了一跳）；
其次，如圖調試步驟，先數據線連接（一定的數據線連接），在掃碼（同樣式用微信掃），之后打一個界面，如上圖勾選即可，最后記得重啟微信；
接着點擊圖片的開始測試按鈕；打開
找不到設備，原因無外呼是：
- [ ] 手機與電腦數據線連接失敗，檢查一下；小超使用應用寶連接的，有問題再應用寶檢查；
- [ ] 上圖調試步驟掃碼打開的頁面，勾選沒有勾選上；
- [x] 沒有重啟微信 ；
正常情況下，會顯示設備；如下圖：
顯示的數據是我使用微信，在微信里打開了公眾號--有道雲筆記，里的一篇文章；
點擊 'inspect'，就會打開新的界面，你會發現和chrome的開發者調試一模一樣；
但注意了 ，點擊 'inspect' 后，可能一直是空白頁，對此，解決辦法： 改VPN或者FQ，因使用的是chrome；
在之后，就如大伙常用的chrome 調試，一起來體驗吧；
如若不支持X5 Bink，完全可以使用普通調試，（推薦）；
而且不需要使用數據線，只需在同一網段下，改WLAN調為手動代理，填寫ip地址，保存連接並重啟微信；
注： 蘋果手機使用方法與安卓普通調試一樣；
WLAN手動代理圖解
移動調試參考文檔