web端 調試 手機混合應用中的h5部分(chrome瀏覽器的devtool使用)


Learning Hybird App Test–Appium Java(Leyden)

瀏覽器的遠程調試工具,使得我們可以通過PC上開啟的控制台,調試手機瀏覽器中正在運行的代碼。運行於 Android 4+系統的Chrome for Android 同樣也可以配合ADB(Android Debug Bridge)實現桌面遠程調試。桌面版Chrome32+已經支持免安裝ADB即可實現遠程調試移動設備頁面/WebView 。

Android遠程調試目前支持所有操作系統,並且支持以下: 
● 調試站點的頁面 
● 調試安卓原生App中的WebView 
● 實時將安卓設備的屏幕圖像同步顯示到開發機器。 
● 通過端口轉發(port forwarding)與虛擬主機映射(virtual host mapping)實現安卓移動設備與開發服務器進行交互調試。

而在最新的Android 4.4 Kitkat版本中,原本基於Android WebKit的WebView實現被換成基於Chromium的WebView實現。

移動端 
1. 在eclipse中配置AndroidSDK環境(Android6.0、ADT23.0) 
2. 將手機與PC通過USB連接,開啟USB調試模式; 
3. 使用360手機助手或在dos窗口輸入adb devices查看手機驅動連接是否成功;

PC端 
1. 在Chrome瀏覽器地址欄輸入chrome://inspect,進入調試模式; 
2. 此時頁面顯示了手機型號、驅動名稱、APP要調試的WebView名稱; 
3. 點擊inspect,若成功加載與APP端相同界面的調試頁面,則配置成功; 
4. 若獲取不到WebView或者調試頁面預覽框顯示空白,則需要進行VPN破解–安裝翻牆軟件(由於默認的DevTools使用的是appspot服務器,這在國內是需要翻越GWF)

翻牆插件

這里寫圖片描述


免責聲明!

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



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