微信小程序开发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(开发和体验版)时不会弹出授权,正式版不受影响。现在授权方式是需要引导用户点击一个授权按钮,然后再弹出授权。

解法很长,请参考:

  1. 解法1:微信小程序不支持wx.getUserInfo授权的解决方法
  2. 解法2:getUserInfo兼容解决方案

3. 只有在调试模式下,才能发送数据到自己的正式服务器

其实,只要注意配置合法域名,这个问题就解决了。有的时候,因为一上来就开发,忘记掉去配置域名。后来发现数据没法出去,可能半天没想来忘记配置了!

4. 无法获取UnionID的问题

  • login获取UID必须满足两个条件: 1、把小程序和公众号都绑定在开放平台; 2、用户必须已经关注公众号。
  • 用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">image>

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

发现在pc IDE上面可以显示出来,但是真机调试时,图片找不到,

然后将图片名称改为iphonex.png真机调试就可以了

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

写在最后:代码总是有各种bug,像上面列举的问题还是在开发中就可以发现。而代码上线以后呢,测试也不能保证100%没有问题。在这里,推荐Fundebug的微信小程序bug监控服务给各位老铁!

关于Fundebug

2017年初,小程序还刚上线,Fundebug就支持小程序错误监控了。做为最早的小程序错误监控服务的拓荒者,累计为数千个小程序提供免费服务,累计处理数千万小程序错误。

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏顶级程序员

高效 MacBook 工作环境配置

工欲善其事,必先利其器,工具永远都是用来解决问题的,没必要为了工具而工具,一切工具都是为了能快速准确的完成工作和学习任务而服务。 本文记录 MacBook 整...

7627
来自专栏Material Design组件

Human Interface Guidelines —— Edit Menus

1356
来自专栏ROBOTEDU

OMRONFZ系列视觉与ABB机器人的通信

ABB与OMRON之间的通信,本例采用以太网TCP无协议模式通信。通过以太网由ABB机器人程序控制ONRON视觉的场景切换,拍照判断及其判断数据的 接收。 ?...

5195
来自专栏腾讯大数据的专栏

iOS9的新特性3D-Touch

Apple在iphone6s中推出了的新特性:3D-Touch,由于相关的文档还比较少,我在学习中总结了一下可能有用的功能点。 1. 什么是3D-Touch ...

21510
来自专栏C语言及其他语言

Dev-Cpp使用入门教程

今天给大家开始介绍Dev-C++这款编译器的使用方法,由于蓝桥杯竞赛的要求,今天给大家做入门介绍。 ? 下载地址依旧见:C/C++开发编译器等常用工具下载htt...

3284
来自专栏DeveWork

WordPress 网站开发“微信小程序”实战(二)

本文是“WordPress 开发微信小程序”系列的第二篇,本文记录的是开发“DeveWork极客”小程序v1.1 的过程。一如既往,目标读者为了解WordPre...

3057
来自专栏python爬虫日记

python2.7下同步华为云照片的爬虫程序实现

随着华为手机的销量加大,华为云的捆绑服务使用量也越来越广泛,华为云支持自动同步照片、通讯录、记事本等,用着确实也挺方便的,云服务带来方便的同时,也带来了数据管理...

2144
来自专栏Java学习网

高效程序员的MacBook工作环境配置

高效程序员的MacBook工作环境配置 本文记录整个配置过程,供新入手 MacBook 和觉得 MacBook 比较难用的同学参考。 1. 硬件提升 笔记本电脑...

3K9
来自专栏老九学堂

【干货】最全的JavaScript调试技巧总结,必看!

调试技巧,在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧,必定能在编码中起到事半功倍的效果。譬如,快速定位问题、降低故障概率、帮助分析逻辑错误等等...

3867
来自专栏沈唁志

WordPress博客集成Hitokoto一言经典语句功能

1893

扫码关注云+社区

领取腾讯云代金券