在微信上做 HTML5 网页和普通的网页开发有何不同

html-css09

在微信上做 HTML5 网页和普通的网页开发有何不同,第1张

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

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

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

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

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

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

首先,可以使用微信公众平台的内容编辑器或其他的微信编辑器来编辑微信的内容并发布;

其次,用dw制作的html5网页要在微信公众平台上进行上传,可以通过第三方平台进行;

最后,如果不上传,也可以考虑用微信平台的链接实现对html5网页的跳转。

最后一种方法是最直接有效,而且基本上80%的微信平台都是这样使用的;

希望对你有所帮助!