在微信上做 HTML5 网页和普通的网页开发有何不同
最突出的差别,前端要注意分享功能!上线之前,每个页面基本都要review一边分享功能是不是完善的。
微信最近提供了新的接口,所以以后会有更多与微信贴合紧密的特性。
html5接口上的差异。safari和chrome的话提供的html5接口会更多,而微信内置浏览器的接口比较少,印象最深的是usermedia。前几天在项目里还发现,微信里固定定位的支持还是不够好,safari在这点上现在好很多了。所以如果想让 web 应用在微信里体验更好一些的话,iscroll类的模块是免不了的。
微信浏览器的兼容性问题,在android上比较明显。印象比较深的是三星的机型上不支持background-size-cover,必须使用-webkit-background-size才行。小米的输入框比较难搞。。。
开发、调试上的问题。android chrome比较好,有远程调试功能。微信里面基本木有办法。遇到棘手的问题,一般会使用modernizr来做特性检测,或者使用远程log工具调试。
手机移动端web和电脑端web的区别不算太大。 一方面是分辨率导致的问题,主要体现在样式上,这个不用细说;还有是移动端访问走的网关可能不同,http头里的参数可能不同,比如走移动联通的网络可能获得手机号等手机参数,这部分主要体现在后台上,可能也用不到。 js代码是通用的,css也是通用的,jsp也是。其他好像没啥了。 -------------------------------------- 手机端有时使用特殊的meta标签,这个主要是为了手机端的更好体验
2016-09-05 · 做真实的自己 用良心做教育
最突出的差别,前端要注意分享功能!上线之前,每个页面基本都要review一边分享功能是不是完善的。
微信最近提供了新的接口,所以以后会有更多与微信贴合紧密的特性。
html5接口上的差异。safari和chrome的话提供的html5接口会更多,而微信内置浏览器的接口比较少,印象最深的是usermedia。前几天在项目里还发现,微信里固定定位的支持还是不够好,safari在这点上现在好很多了。所以如果想让 web 应用在微信里体验更好一些的话,iscroll类的模块是免不了的。
微信浏览器的兼容性问题,在android上比较明显。印象比较深的是三星的机型上不支持background-size-cover,必须使用-webkit-background-size才行。小米的输入框比较难搞。。。
开发、调试上的问题。android chrome比较好,有远程调试功能。微信里面基本木有办法。遇到棘手的问题,一般会使用modernizr来做特性检测,或者使用远程log工具调试。
不用之处有:
微信上的网页是响应式布局,普通的网页只要求符合各大浏览器的分辨率就可以;
微信采用的是Bootstrap框架,普通的网页各种框架都有;
微信的网页需要微信公共平台支持,普通的网页在本地即可运行;
总结:
微信开发需要平台支持,需要按照微信平台的规范书写代码和调用接口,
普通的网页不需要遵守特定的代码规则,总之平台开发有优点也有缺点,
取决于开发人员的意愿。
兼容性方面:微信客户端使用的是腾讯的X5内核,和QQ中的浏览器是一致的,你只要兼容这个就可以了
网站维护方面:玩过微信的都知道,微信不能自己手动填写Url地址,只能扫二维码进入网站,从公众号进入网站,以及其他用户分享网站;所以网站粉丝的来源一般都是公众号的粉丝。微信的网站也都是依托公众号的。所以微信上的H5最主要还是维护公众号。
功能方面:微信提供了JSSDK,用来实现微信支付,微信卡卷等等功能,还可以监听一些用户分享朋友圈,分享好友,分享QQ等的一些成功或失败的事件。你可以查看一下微信开发者文档。这些功能的前提就是必须有个公众号(appID,appSecret)
最突出的差别,前端要注意分享功能!上线之前,每个页面基本都要review一边分享功能是不是完善的。微信最近提供了新的接口,所以以后会有更多与微信贴合紧密的特性。
html5接口上的差异。safari和chrome的话提供的html5接口会更多,而微信内置浏览器的接口比较少,印象最深的是usermedia。前几天在项目里还发现,微信里固定定位的支持还是不够好,safari在这点上现在好很多了。所以如果想让 web 应用在微信里体验更好一些的话,iscroll类的模块是免不了的。
微信浏览器的兼容性问题,在android上比较明显。印象比较深的是三星的机型上不支持background-size-cover,必须使用-webkit-background-size才行。
开发、调试上的问题。android chrome比较好,有远程调试功能。微信里面基本木有办法。遇到棘手的问题,一般会使用modernizr来做特性检测,或者使用远程log工具调试。