Question

网页h5页面跟微信h5页面有什么不同

Answer 1

区别一、运行环境的不同

传统的网页H5的页面运行环境是浏览器，包括webview，而微信H5网页的运行环境并非完整的浏览器。

区别二、是开发成本的不同

一个网页H5web开发需求时，开发工具(vscode、sublimtext、Atom等)，大到前端框架(Angular、react、vue、backbone等)、模块管理工具(Webpack 、Browserify 等)、任务管理工具(Grunt、Gulp等)，小到UI库选择、接口调用工具(ajax、Fetch Api等)、浏览器兼容性等都要考略。

一个微信H5的开发需求时，微信团队提供了开发者工具，并且规范了开发标准，前端常见的HTML、CSS变成了微信自定义的WXML、WXSS，WXML中尽管全部是自定义标签，但官方文档中都有明确的使用介绍，相信上手应该是非常容易的。

区别三、是获取系统级权限的不同

微信H5相对于网页HTML5 web应用能获得更多的系统权限，比如网络通信状态、数据缓存能力等，这些系统级权限都可以和微信小程序无缝衔接，而这一点恰巧是HTML5 web应用经常被诟病的地方，这也是HTML5的大多应用场景被定位在业务逻辑简单、功能单一的原因。

区别四、是应用在生产环境的运行流畅度。

无论对于用户还是开发者来说，都是最直观的感受。当HTML5应用面对复杂的业务逻辑或者丰富的页面交互时，需要不断的对项目优化来提升用户体验。但是由于微信H5运行环境独立，但配合微信的解析器最终渲染出来的是原生组件的效果，自然体验上将会更进一步。