【背景】
1、移動開發使用Chrome模擬設備,但是和真實設備還是有一定出入的
2、QQ和微信使用的X5內核與Chrome的webkit內核有差異,經常遇到奇葩的bug,這種場景又比較多,一般很難定位
3、手機型號頗多,如果遇到某個設備有bug,怎么調試
4、開發環境下手機設備因域限制訪問不到辦公網絡,訪問不了開發或測試中的產品頁面
【目的】
1、對於Dev、Fe可以在真實設備上實時調試,快速定位原因並解決(包括QQ、微信的內置瀏覽器)
2、對於QA、PM、UI可以在真實設備上測試辦公網絡中在開發或測試的項目
【方法】
1、安卓系列
a、手機開啟USB調試並將手機通過USB連接PC
b、下載最新版QQ瀏覽器,安裝 微信調試工具
c、手機安裝微信,清除微信本地TBS內核,並重新安裝本地TBS內核
d、開啟PC的wifi,連接到Qunar熱點,並登陸VPN
e、手機連接Qunar 熱點,並將代理設置為PC的無線IP地址
f、PC開啟Charles代理,端口設置8888
g、PC開啟fekit server,端口默認為80
在微信中打開開發的產品地址,刷新PC端QQ瀏覽器,實時調試就開始了……
a、在PC的QQ瀏覽器中指定任意元素,手機自動響應,體驗和PC上Chrome一模一樣
b、修改本地代碼,實時生效
2、IOS系列
a、開啟本機wifi,連接到Qunar熱點,並登陸VPN
b、手機連接Qunar 熱點,並將代理設置為PC的無線IP
c、PC開啟Charles代理,端口設置8888
d、PC開啟fekit server,端口默認為80
IOS目前還無法做到體驗和PC上Chrome一樣;但可以修改本地代碼后實時看到效果
【我是FE、Dev】
【我是QA、PM、UI】

【如何安裝TBS內核】
參考:http://blog.qqbrowser.cc/start/
【如何查看PC的無線IP】
Windows:
cmd:ipconfig/all

Mac:
系統偏好設置》網絡
【注意事項】
1、在微信調試插件中選擇 “網頁調試”,其次先在手機端微信打開頁面,PC上再啟動服務
2、本方法使用的工具只有VPN、筆記本、手機、Charles,Fekit(僅fe需要),按公司情況這些都是標配,PC上不再需要其他網絡代理軟件;
