Question

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

Answer 1

如果考虑的范围只是微信内置浏览器和手机上的浏览器应用（safari、chrome）的话，差不多有以下5个不同点：

1.最突出的差别，前端要注意分享功能！上线之前，每个页面基本都要review一边分享功能是不是完善的。
2.微信最近提供了新的接口，所以以后会有更多与微信贴合紧密的特性。
3.html5接口上的差异。safari和chrome的话提供的html5接口会更多，而微信内置浏览器的接口比较少，印象最深的是usermedia。前几天在项目里还发现，微信里固定定位的支持还是不够好，safari在这点上现在好很多了。所以如果想让 web 应用在微信里体验更好一些的话，iscroll类的模块是免不了的。
4.微信浏览器的兼容性问题，在android上比较明显。印象比较深的是三星的机型上不支持background-size-cover，必须使用-webkit-background-size才行。小米的输入框比较难搞。。。
5.开发、调试上的问题。android chrome比较好，有远程调试功能。微信里面基本木有办法。遇到棘手的问题，一般会使用modernizr来做特性检测，或者使用远程log工具调试。相关调试工具列举三种：一.Console；二.sentry；三.browserleaks。