微信调试--微信内置浏览器为什么对pharser.js支持这么差？？？

匿名用户

纳豆大萌神、知乎用户、知乎用户等人赞同

我在做针对微信的HTML5应用, 目前遇到的几个问题是

一. 安卓版微信直接调用系统浏览器内核, iOS则是调用safari, 所以要使用新特性, 只能升级系统了, 对于很多老系统, 新的特性是没法用的, 就连基本的canvas, toDataURL 在4.4 以下是不能导出 image/jpeg 格式的, 直接导出的 png格式, 往往非常大, 好几百K,

二. localStorage等, 是可以用, 但是据说有微信退出之后就被清空的问题.

三. 据 Sencha 项目的调研显示, 目前最适合 HTML5 项目的是 iOS 平台,我亲测, 确实如此, 比如一个基本的css3 transition转换做的图片轮播, iOS上和原生应用基本没啥区别, 安卓上则是卡的出奇, 而且安卓在进行一些复杂计算的时候,往往很慢, 比如涉及canvas计算的操作

四. 不好调试, 安卓上的调试, 我是装chrome beta 32版 app, 然后结合桌面chrome通过 USB 开启远程调试, 但是由于两者的 webkit 版本不同, 调试的结果往往不能作为最终参考依据. 说实话有时候有问题只能靠猜了(看你基本功扎实与否, 对css盒模型理解的彻底与否, 对js 的开发理解的深入与否,都能很大程度上提升你"猜对"的几率, 当然, 你最好祈祷你的人品值是够用的, 否则一弄一上午时间真的不算什么), 别忘了 try catch 和 alert, 你会发现你现在真的是爱上它们了... 安卓上的另一种调试方式是通过 ADB 过滤控制台日志的方式, 可以追踪程序错误, 这个有些复杂,我还没试过. iOS 也是可以通过 safari进行远程调试的, 前提是你需要在MAC上进行操作, 我没有MAC, 没试过.

五. 对于开发, 优雅降级与渐进增强将会是个很好的理念, 你可以 try { 先进API} catch(e) { 老旧的实现方式} 这种方式, 确保在别人刷机到新ROM之后就还能用旧版实现方式,(事实上我没有搞, 真是复杂,很累了每天, 埋了颗雷, 我的4.1 在4.4将会爆掉, 别告诉我老板...)

六. 用百度目前可能还得不到很多有用的信息, 国内目前HTML5还处于炒概念的阶段, 很少有人做一些实打实的事情, 别告诉我谁用了什么API做了什么花出来了, 那些API都明摆在那里, 稍微有点编程常识的都能拿来用, 关键是一个实现, 其实是一个API ,外加你要修复9个bug, 这种方式来完成的, 只懂那一个 API, 是不够的,现在.

七. 你的程序运行速度与你脚本和css3使用量成反比, 与网速成正比. 所以, 少用脚本, 简化逻辑, 慎用css3, 压缩图片, 代码, 等等, 这些仍然很重要.

八. 你会渐渐发现, 你进入了另一个 ie6 的世界, 移动开发基本是webkit 的天下, 比如我现在, 就没考虑过 wp, 当然, 这也是基于公司的要求来的.

九. 有的人把 HTML5 理解为几个背景渐变的圆角阴影按钮, 如果真是这样认为的话, 那他现在就可以开始开发了, 这些基本的支持, 还是有了的.

十, caniuse.com, mobilehtml5.org, google.com, stackoverflow.com, 都是很有用的网站.

发布于 2014-06-09 11 条评论感谢收藏 • 没有帮助 • • 作者保留权利

王硕，前端个体户，最大的缺点就是不会吹牛逼。…

xavier liang、张黑子、七楼等人赞同

ios微信是safari，安卓微信是腾讯x5内核，qq浏览器的。
我认为，这是典型的追求kpi的产物，很恶心。
x5内核挖坑的速度比填坑的速度快。

发布于 2015-08-11 1 条评论感谢收藏 • 没有帮助 • • 作者保留权利

陈秋鑫，网页开发

xavier liang、罗睿、凯光等人赞同

目前有一个正在进行的微信html5的Web应用，从已有的实践与测试来看，安卓端的微信使用的是一个自带的专用浏览器，应该是一个精简版的qq浏览器。然后就造成了我们一系列蛋疼的问题，各种不兼容。而ios端的微信无疑问用的是内置safari浏览器，不管是canvas运算还是类似todataurl这样对运算能力要求比较高的API，在上面的实现都挺流畅的。在这里就想给腾讯一个差评，qq浏览器真心渣，给我们前端工作者造成了这么多麻烦= =

发布于 2014-12-31 3 条评论感谢收藏 • 没有帮助 • • 作者保留权利

SyuTingSong，重启试试

過愘、陈辉、严列等人赞同

微信不支持Flex布局，只能支持早期的-webkit-flex-box。我最看中的justify-content: space-around完全不能用。

发布于 2015-06-18 7 条评论感谢收藏 • 没有帮助 • • 作者保留权利

三喵， in the land of twilight,under the moon

我想知道安卓微信浏览器有个叫“优化阅读”的功能是干什么的

发布于 2015-08-11 添加评论感谢收藏 • 没有帮助 • • 作者保留权利

林彦君， http://lyjbk.com

知乎用户、肖旺、王淳启等人赞同

微信内置浏览器其实就是调用的终端自身的浏览器，微信本身并没有自己开发一套浏览器。
所以对CSS3和HTML5的支持，就根据终端的不同而不同了。

发布于 2014-04-29 12 条评论感谢收藏 • 没有帮助 • • 作者保留权利

Chang1ng， Me.

知乎用户赞同

CSS animation都不怎么支持，渲染卡的要死

发布于 2015-04-13 3 条评论感谢收藏 • 没有帮助 • • 作者保留权利

杨小遇， audio duration android

Edward Lee、清然赞同

还有一些问题，对于touch事件，略表无奈。可能主要原因是js功底太过于薄弱，在微信中，e.preventDefault(),把系统带的滚动条给阻碍了。代码地址： RunJS
还有就是，微信对animation，的支持确实好蛋疼，首页的简单动画，目前测试的不管用，遇心听(移动版)

发布于 2015-05-06 2 条评论感谢收藏 • 没有帮助 • • 作者保留权利

陈广丰，资深软狗

知乎用户、黄文超、罗睿等人赞同

说微信Android版本使用内置浏览器的，根本就没开发过微信的HTML5应用。

发布于 2014-12-18 5 条评论感谢收藏 • 没有帮助 • • 作者保留权利

class piss，爱上超实用代码段

自己调用一些接口是不行的，还是用JSSDK调用H5接口，两个来结合更完美

发布于 2015-10-12 添加评论感谢收藏 • 没有帮助 • • 作者保留权利

知乎用户

钟兆洋、陈广丰赞同

楼上两位做过微信HTML5应用吗？
微信对HTML5的支持，现在很弱，很多HTML5特性根本不支持。

发布于 2014-06-08 3 条评论感谢收藏 • 没有帮助 • • 作者保留权利

知乎用户， http://www.ttwshell.com | Pythoner | 业余…

Facai、helper、Bowen 赞同

截止2015.08.05发现：
1、ios下微信浏览器支持和安卓下不一致，例如animation width大小变化，在安卓上没有反应；
2、新版本微信绝对不是使用内置浏览器！测试1的问题在米4自带浏览器是支持的，而在微信内不支持。
微信浏览器很渣很渣！尤其是安卓版本，和ios对比，简直不是一个数量级的流畅性体验。其他各种坑就不说了，太多了。【根据评论，ios使用的是safari内核来自肖元安】

关于安卓版本问题，最新消息如下：
微信6.1版本以上的android用户，都是使用的QQ浏览器的X5内核。5.4-6.1之间的版本，若用户安装了QQ浏览器就是使用的X5内核，若用户未安装浏览器，使用的是系统内核。来自杨秋实的回答。

另外关于调试，有一些比较好用的远程调试脚本，例如：
weinre（ weinre-HTML-mobile）和DebugGap（ DebugGap-mobile-PhoneGap-Kony-weiner）