微信浏览器

2017-02-22 本文已影响0人 Julian1009

在做一个微信公众号的开发的项目时，踩到了一个坑，
用户在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的版本是56.x.x.x，难道是支持55+的版本吗？那这样的话，就不是Vue的原因，而是jQuery不支持。

原来是这样啊。不过由于时间有限，没有测试合适的jQuery版本。
如果有误的地方，还望指出。