javascript ??

最近写个阅读H5,有个夜间模式,背景颜色,字体大小等设置,使用 localStorage ,一不小心就写了个大BUG,记录一下。

有收获的话请点个赞

  • 直接上代码
    //错误写法 或者叫不兼容写法更合适一点
    let model = localStorage.getItem('model') ?? 0;
    let color = localStorage.getItem('color') ?? '';

    //修改之后
    let model = localStorage.getItem('model');
    model = model ? model : 0;
    let color = localStorage.getItem('color');
    color = color ? color : '';

就这样简单的两行代码,我也不知道为什么顺手写了 ?? 这种语法出来了,因为 php 可以所以 js 也可以?

windows chrome 浏览器访问一切正常

windwos 微信开发者工具一切正常

手机微信扫码打开,哦豁,怎么按钮,点击事件,全没反应了;a标签还能正常跳转

  • 排查步骤

1、安卓微信问题?

我自己魅族,同事的华为,都不行

另一个同事的水果10没问题,水果8P不行(甚至出现了点击事件会造成页面滑动?(黑人问号脸)

2、微信浏览器有问题?

换了夸克,手机百度,百度APP,还有手机自带浏览器,都不行

试试手机chrome浏览器,哎,一切正常

3、JQ版本问题?

最开始使用的是 1.11.1,换了 3.5.1 好像还是不行

4、最后求助大佬提供了一个思路

只保留一个功能的JS,其他先干掉,一段一段排查,最后才定位到问题。

5、最初是在 chrome 调试工具开发的,直到最后在手机微信上测试才发现问题,不然在开发的时候应该就能发现这种问题了。

  • 垃圾后端写JS不易啊,菜就一个字。

请教各位读者

  • js 里面 ?? 这个语法啥时候出来的,有点菜没找到对应的文档或者兼容性说明啥的
  • 在手机微信或者其他手机浏览器有什么好的调试方法?类似于微信小程序真机调试那种东西。电脑上不报错,手机上一动不动,我人麻了

感谢阅读

本作品采用《CC 协议》,转载必须注明作者和本文链接
感谢阅读,有收获的话不妨点个赞:smiling_imp:
讨论数量: 1
2年前 评论
declandragon (楼主) 2年前

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!