微信小程序開發BUG經驗總結


摘要: 常見的微信小程序BUG!

小程序開發越來越熱,開發中遇到各種各樣的bug,在此總結了一些比較容易掉進去的坑分享給大家。

1. new Date跨平台兼容性問題

在Andriod使用new Date(“2018-05-30 00:00:00”)木有問題,但是在ios下面識別不出來。

因為IOS下面不能識別這種格式,需要用2018/05/30 00:00:00格式。可以使用正則表達式對做字符串替換,將短橫替換為斜杠。var iosDate= date.replace(/-/g, '/');

2. wx.getUserInfo()接口更改問題

微信小程序最近被吐槽最多的一個更改,就是用戶使用wx.getUserInfo(開發和體驗版)時不會彈出授權,正式版不受影響。現在授權方式是需要引導用戶點擊一個授權按鈕,然后再彈出授權。

解法很長,請參考:

3. 只有在調試模式下,才能發送數據到自己的正式服務器

其實,只要注意配置合法域名,這個問題就解決了。有的時候,因為一上來就開發,忘記掉去配置域名。后來發現數據沒法出去,可能半天沒想來忘記配置了!

4. 無法獲取UnionID的問題

login獲取UID必須滿足兩個條件:

  • 把小程序和公眾號都綁定在開放平台
  • 用戶必須已經關注公眾號

用wx.getUserInfo獲取滿足一個條件:

  • 把小程序和公眾號都綁定在開放平台

5. wx.getSystemInfoSync獲取windowHeight不准確

主要原因在於獲取是時機,wx.getSystemInfoSync是在頁面初始化的時候就計算了,基本上可以理解為是屏幕高度。所以,最好的方法是使用異步接口,並且在onReady函數中調用。

onReady() {
  wx.getSystemInfo({
    success({windowHeight}) {
      // todo
    }
  });
}

6. 圖片本地資源名稱,盡量使用小寫命名

在解決iPhone X適配時,底部多余部分使用圖片時

<image class='iphonexImg' src="/imgs/iphoneBGT.png" mode="aspectFill">

路徑是 src='imgs/iphoneBGT.png'

發現在pc IDE上面可以顯示出來,但是真機調試時,圖片找不到,

然后將圖片名稱改為iphonex.png真機調試就可以了

<image class='iphonexImg' src="/imgs/iphonex.png" mode="aspectFill">

寫在最后:代碼總是有各種BUG,像上面列舉的問題還是在開發中就可以發現。而代碼上線以后呢,測試也不能保證100%沒有問題。在這里,推薦Fundebug微信小程序BUG監控服務給各位老鐵!

關於Fundebug

Fundebug專注於JavaScript、微信小程序、微信小游戲、支付寶小程序、React Native、Node.js和Java實時BUG監控。 自從2016年雙十一正式上線,Fundebug累計處理了7億+錯誤事件,得到了Google、360、金山軟件、百姓網等眾多知名用戶的認可。歡迎免費試用!

版權聲明

轉載時請注明作者Fundebug以及本文地址:
https://blog.fundebug.com/2018/10/19/wechat-app-bugs/


免責聲明!

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



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