美文网首页
微信浏览器

微信浏览器

作者: Julian1009 | 来源:发表于2017-02-22 20:02 被阅读0次

    在做一个微信公众号的开发的项目时,踩到了一个坑,
    用户在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版本。
    如果有误的地方,还望指出。

    相关文章

      网友评论

          本文标题:微信浏览器

          本文链接:https://www.haomeiwen.com/subject/lvwmwttx.html