在做一个微信公众号的开发的项目时,踩到了一个坑,
用户在windows操作系统下,使用微信客户端进行提交操作,操作失败了。
由于看不到报错无法调试,所以调试过程是这样的。
首先在bug页面输出一下浏览器的信息
<div id='debug'></div>
<script>
document.getElementById('debug').innerHTML = navigator.userAgent.toLowerCase()
</script>
这样在页面可以看到输出的这条信息。
复制出现的这条信息,在查看浏览器内核的网站useragentstring.com,输入并点击Analyze开始分析,得到的结果是:Chrome 39.0.2171.95。
啊,原来windows的微信浏览器内核是用的Chrome的啊。
再找到对应版本的浏览器安装进行常规调试。
这里有个问题,浏览器报错是
Vue is not definded
但是Vue支持的版本应该是很早的,Vue支持ES5的特性的,Chrome最早的支持ES5的版本在23.x.x.x。
其中还有一行报错是jQuery.js发出的,查看当前使用的jQuery的版本是jQuery JavaScript Library v3.1.1,当前官网浏览器支持是这样的
Current Active Support
Desktop
- Chrome: (Current - 1) and Current
- Edge: (Current - 1) and Current
- Firefox: (Current - 1) and Current
- Internet Explorer: 9+
- Safari: (Current - 1) and Current
- Opera: Current
当前Chrome的版本是56.x.x.x,难道是支持55+的版本吗?那这样的话,就不是Vue的原因,而是jQuery不支持。
原来是这样啊。不过由于时间有限,没有测试合适的jQuery版本。
如果有误的地方,还望指出。
网友评论