首頁 > 文章 > 微信小程式 > 微信小程式開發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=&#39;iphonexImg&#39; src="/imgs/iphoneBGT.png" mode="aspectFill">

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

發現在pc IDE上面可以顯示出來，但當真機除錯時，圖片找不到，

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

<image class=&#39;iphonexImg&#39; src="/imgs/iphonex.png" mode="aspectFill">

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

關於Fundebug

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

推薦教學：《微信小程式》

以上是微信小程式開發BUG經驗的一些總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文轉載於：juejin.cn。如有侵權，請聯絡admin@php.cn刪除

看更多