1. (2)Android 調試 H5頁面
我們使用chrome 瀏覽器 + Android 手機的方式進行頁面調試。
因為安卓機型比較多,所以打開開發者模式的過程可能會略有不同,方法就是在 「設置」 中找到當前Android手機的版本號(不是Android的版本號),多次點擊,手機下方就會有toast提示進入開發者模式。
打開手機的「設置」,往下滑動找到開發人員選項,進入後打開USB調試的開關。
將電戚判腦和手機連入同一個網路,用數據線將手機連到電腦上面,信任電腦設備,這樣就完成連接了。
在chrome瀏覽器地址欄中輸入態大chrome://inspect/#devices,我們就能看到連接的Android設備了。
點擊以上的inspect以後可能會一直顯示白屏,這時候我們從兩個方向嘗試著去解決這個問題:
1、檢查當前電腦是否能正常打開google頁面, 必須確保能正常打開,因為這個功能需要訪問谷歌服務。
2、檢查瀏覽器版本,盡量使用帆仔豎最新版本的chrome。
2. h5 真機調試 上傳圖片 安卓機圖片不顯示問題
h5開發,有上傳圖片需求。
但在真機調試時,ios系統的可以上型余傳成卜絕滾功並顯示,安卓系統上傳圖片成功但不顯示圖片。
排查好久,發現原來是因為系統不一樣, wx.getLocalImgData 返回base64碼不一樣。
後端是直接根據 wx.getLocalImgData 返回的base64碼前幾位判斷解碼,所以安卓系統會回顯不出來圖片。
解決:截取base64碼前四位宏坦,判斷是否等於 data ,如果不是則加上對應的前綴即可。