總結調試webview的方式(安卓)


通過chrome直接進行調試

chrome調試_准備工作

  • 請保證已經kexue上網
  • 確定數據線為傳輸線, 不是充電線.
  • 確保手機處於開發者模式, 鏈接電腦.
  • 手機打開USB調試
  • 圖1_01
  • 確認手機已開啟USB調試模式
  • 圖1_02
  • 打開Chrome, 地址欄輸入chrome://inspect
  • 在Devices選項, 打開發現USB設備選擇
  • 看到自己的手機出現在設備列表中
  • 圖1_03
  • 手機上打開chrome瀏覽器
  • 輸入任意網址, 可在設備列表看到
  • 點擊inspect按鈕, 即可進行調試
  • 圖1_04
  • 可以通過window.location.href = "http://xxx.com"

遇到的問題

  • 所有的問題全部來自於kexue上網
  • 首先在PC端, 顯示空白, 后顯404頁面, 未能再次復現
    • 使用小米手機, 打開瀏覽器, 看到了這種情況, 必現, 未解決
    • 小米手機進webview也不能調試
    • 找到原因: kexue上網
  • 有些老手機, 進行調試的時候, 遇到的問題
    • 無法看到請求
    • 不能在console欄中直接輸入代碼
    • 找到原因: kexue上網
  • 在控制台不能輸入代碼
    • 找到原因: kexue上網

問題原因

注意:使用 Chrome Inspect 查看頁面時,Chrome 需要從 https://chrome-devtools-frontend.appspot.com 加載資源,如果你得到的調試界面是一片空白,那你可能需要kexue上網。

安卓抓包

安卓抓包_准備工作

  • 配置Charles代理端口號

  • 圖2_01

  • 安卓手機處於同一個wifi下

  • 進入WiFi設置, 設置代理, 代理地址到pc

  • 圖2_02

  • 設置前面配置的端口號

  • 圖2_03

  • pc彈出提示框, 是否同意進行代理, 同意

  • 圖2_04

  • 此時遇到問題, 手機所有的鏈接變成不可信任(已關閉翻牆軟件)

  • 進入charles, 選擇Proxy -> SSL Proxiyng Settings ->勾選 “Enable SSL Proxying”

  • 圖2_05

  • 下面是之前安裝的, 這次沒有驗證

  • 安裝證書到電腦,選擇 Help->SSL Proxying->Install Charles Root Certificate 按提示安裝即可

  • 在“加密套接字協議層(SSL)”一欄選擇始終信任

  • 安裝證書到手機上: Install Charles Root Certificate on a Mobile Device or Remote Browser

  • 圖2_06

  • 顯示安裝成功, 並給出地址

  • 圖2_07

  • 手機瀏覽器打開后, 輸入chls.pro/ssl, 下載

  • 點擊后, 進行安裝, 並輸入名稱即可

  • 圖2_08

鏈接后無法上網問題

  • 全部無法上網
    • 網頁報錯, 鏈接並不可靠
    • app無法正常發送請求
    • 猜測需要使用代理解決
  • 已打開的app, 再去代理, 可以上網
    • 已經打開的app, 代理后, 不關閉, 可以正常上網
    • 打開瀏覽器后, 網頁不能用
    • 再次重啟app后, 不可上網
  • 排除代理問題
    • 訪問使用http的網站正常
    • 網站地址: http://mayang.wicp.vip/
  • 確認使用https
    • 網站中的http圖片均可以使用
    • https的圖片不可以使用

使用Charles進行代理

代理本地地址

  • 首先進入Tools -> Map Local 打開本地代理
  • 圖3_01
  • 選擇Add添加代理地址
  • 圖3_02
  • 關掉翻牆, 軟件, 並打開Charles的代理開關
  • 圖3_03
  • 測試成功
  • 圖3_04

如何使用charles代理https

代理遠程地址

  • 和本地地址一個樣子, 只不過是這是在Tools -> Map Remote里進行設置

總結

有了這三樣, 調試真機上的所有, 不是問題.


免責聲明!

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



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