微信html5开发怎么做?

html-css010

微信html5开发怎么做?,第1张

微信HTML5其实是标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改形成的语言标准。对于微信这个APP来说,应用HTML5可以很好的实现本地存储、设备兼容、链接特性、网页多媒体、三维、图形特效以及性能集成与CSS3等优势,这些元素属性可以让用户手机端页面体验非常棒。

在移动设备开发HTML5应用只有两种方法,要不就是全使用HTML5的语法,要不就是仅使用JavaScript引擎。JavaScript引擎的构建方法让制作手机网页游戏成为可能。由于界面层很复杂,已预订了一个UI工具包去使用。纯HTML5手机应用运行缓慢并错漏百出,但优化后的效果会好转。尽管不是很多人愿意去做这样的优化,但依然可以去尝试。对于微信HTML5开发而言,通常情况就是将产品大体完成后上线,在运营过程中发现问题再优化(尽管用户希望100%的无缺陷产品,但是想要达到这个目标恐怕很难实现)。像国内最大的第三方微信开发平台微盟(weimob)采用html5开发的一些产品在上线后同样有用户反馈存在程序bug,还不是照样需要后期慢慢优化改进。

如果考虑的范围只是微信内置浏览器和手机上的浏览器应用(safari、chrome)的话,差不多有几个不同点吧:

最突出的差别,前端要注意分享功能!上线之前,每个页面基本都要review一边分享功能是不是完善的。

微信最近提供了新的接口,所以以后会有更多与微信贴合紧密的特性。

html5接口上的差异。safari和chrome的话提供的html5接口会更多,而微信内置浏览器的接口比较少,印象最深的是usermedia。前几天在项目里还发现,微信里固定定位的支持还是不够好,safari在这点上现在好很多了。所以如果想让

web

应用在微信里体验更好一些的话,iscroll类的模块是免不了的。

微信浏览器的兼容性问题,在android上比较明显。印象比较深的是三星的机型上不支持background-size-cover,必须使用-webkit-background-size才行。小米的输入框比较难搞。。。

开发、调试上的问题。android

chrome比较好,有远程调试功能。微信里面基本木有办法。遇到棘手的问题,一般会使用modernizr来做特性检测,或者使用远程log工具调试。

微信是java开发的。微信本身是个APP,不是网页应用,怎么会是HTML5开发的呢?

另外HTML5也兼容和包含HTML的大部分低端版本,所以不存在“纯HTML5”这样的说法。