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 协议》,转载必须注明作者和本文链接
新语法,兼容差
developer.mozilla.org/zh-CN/docs/W...