如何在手機裝置上Just-in-Time 偵錯

標籤：

【背景】

     1、移動開發使用Chrome類比裝置，但是和真實裝置還是有一定出入的

     2、QQ和使用的X5核心與Chrome的webkit核心有差異，經常遇到奇葩的bug，這種情境又比較多，一般很難定位

     3、手機型號頗多，如果遇到某個裝置有bug，怎麼調試

     4、開發環境下手機裝置因域限制訪問不到辦公網路，訪問不了開發或測試中的產品頁面

 

【目的】

     1、對於Dev、Fe可以在真實裝置上Just-in-Time 偵錯，快速定位原因並解決（包括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瀏覽器，Just-in-Time 偵錯就開始了……

          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上不再需要其他網路代理程式軟體；

 

如何在手機裝置上Just-in-Time 偵錯