微信小程序開發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（開發和體驗版）時不會彈出受權，正式版不受影響。如今受權方式是須要引導用戶點擊一個受權按鈕，而後再彈出受權。

解法很長，請參考:

• 微信小程序不支持wx.getUserInfo受權的解決方法
• 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以及本文地址：
blog.fundebug.com/2018/10/19/…