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运行环境独立，但配合微信的解析器最终渲染出来的是原生组件的效果，自然体验上将会更进一步。

Answer 2

H5网页和微信H5页面都是基于Html5的标准书写的网页。
H5网页多数情况下是在移动端打开，但也可以在pc和pad浏览器上打开，微信H5页面只能在微信上打开和传播；

网页H5页面可以错略理解为企业网站，是企业的官网或长时间运营的微站点，主要是公司业务、新闻公告、公司文化、品牌露出、联系公司等板块。

这里自荐我们公司的H5工具（epub360）和建站工具（coolsite360），都是专业的设计工具，希望可以帮到大家，更好的理解、制作H5网页和H5网站。

Answer 3

鉴于原生开发工具在文本样式上控制的局限性，行业内成熟的APP应用都采用了Native+Web的混合视图，即在APP中嵌入浏览器框架，加载HTML网页。这样就可以完美的呈现富文本样式。比如微信的自媒体：　　这样的方式需要建立独立的H5站点，考虑到资讯页面一般都需要以链接的方式分享到站外，所以大都数阅读类的APP都是同时开发H5站和APP，利用一个后台提供内容给H5站和APP;业务模型如下图所示：　　在APP中嵌入浏览器加载内容唯一的缺点就是加载速度相对慢一些。但普通用户基本上看不出区别，所以是当前最流行的实现方式;　　使用DTCoreText等文字效果代码类库(iOS平台)　　H5承载页+内嵌浏览器框架的方式虽然可以完美的呈现文本内容，但加载速度会慢一些，而且展示风格会有一点点突兀;那么还有一种方法就是使用DTCoreText;　　DTCoreText是一个功能十分强大的文字效果代码类库。在UITextView上实现十分丰富的文字效果，包括文字大小、颜色、字体、下划线，链接，给文字加上图片、视频，文字任意间距等等。实现类似于CSS网页的文字效果。　　使用这种实现方法的APP比如，同样是以文字评论为主的APP，用户体验相比豆瓣电影就立刻显得高大上了：　　这种方式可以直接实现富文本效果，但鉴于应用本身也需要以外链的方式分享到SNS站点，所以同样需要建立独立的H5站点;