微信小程序开发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/…