如何在手機設備上實時調試


【背景】

     1、移動開發使用Chrome模擬設備,但是和真實設備還是有一定出入的

     2QQ和微信使用的X5內核與Chromewebkit內核有差異,經常遇到奇葩的bug,這種場景又比較多,一般很難定位

     3、手機型號頗多,如果遇到某個設備有bug,怎么調試

     4、開發環境下手機設備因域限制訪問不到辦公網絡,訪問不了開發或測試中的產品頁面

 

【目的】

     1、對於DevFe可以在真實設備上實時調試,快速定位原因並解決(包括QQ、微信的內置瀏覽器)

     2、對於QAPMUI可以在真實設備上測試辦公網絡中在開發或測試的項目

 

【方法】

     1、安卓系列

          a、手機開啟USB調試並將手機通過USB連接PC

          b、下載最新版QQ瀏覽器,安裝 微信調試工具

          c、手機安裝微信,清除微信本地TBS內核,並重新安裝本地TBS內核

          d、開啟PCwifi,連接到Qunar熱點,並登陸VPN

          e、手機連接Qunar 熱點,並將代理設置為PC的無線IP地址

          fPC開啟Charles代理,端口設置8888

          gPC開啟fekit server,端口默認為80

          

          在微信中打開開發的產品地址,刷新PCQQ瀏覽器,實時調試就開始了……

          a、在PCQQ瀏覽器中指定任意元素,手機自動響應,體驗和PCChrome一模一樣

          b、修改本地代碼,實時生效

      

     2IOS系列

          

          a、開啟本機wifi,連接到Qunar熱點,並登陸VPN

          b、手機連接Qunar 熱點,並將代理設置為PC的無線IP

          cPC開啟Charles代理,端口設置8888

          dPC開啟fekit server,端口默認為80

 

          IOS目前還無法做到體驗和PCChrome一樣;但可以修改本地代碼后實時看到效果

 

【我是FEDev

          

               

【我是QAPMUI

          

  【如何安裝TBS內核】

            參考:http://blog.qqbrowser.cc/start/

            

    

  【如何查看PC的無線IP

 

          Windows

 

                    cmdipconfig/all

 

                    

 

     Mac

 

          系統偏好設置》網絡

 

                  

 

【注意事項】

       1、在微信調試插件中選擇網頁調試,其次先在手機端微信打開頁面,PC上再啟動服務

       2、本方法使用的工具只有VPN、筆記本、手機、CharlesFekit(僅fe需要),按公司情況這些都是標配,PC上不再需要其他網絡代理軟件;

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM