微信朋友圈广告原生页与H5的区别

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

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

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

❷ H5页面和原生页在UI设计上有什么区别

从事UI设计的较为多，然而出类拔萃地却并不多，手机、网站等仍旧增设UI设计职位，他们需求促使更多的人弥补这一缺口，想要达到转行或者学习，还是要找辅导班学的全面一些。

❸ app内的h5页面和微信开发的h5页面有什么不同

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

❹ app原生开发和h5app有什么区别

原生是基于他们自己平台的语言开发，比如ios和安卓是2个平台，也就是要开发2份app。h5的开发完一个，两个系统可以兼容(调试测试好)就可以，所以h5比原生app要便宜。 h5的app，加载速度不如原生，受网络影响大，体验度偏低，开发成本一般。 原生app，加载速度快，受网络影响较小，体验度很高，开发成本偏高。 很多市面上的h5虽然功能有了，效果却差了很大，要知道一款好的app光ui设计上就会比普通能凑合用的app高出几倍，也就是说正常二十万左右的appui可能也仅仅占了一万两万，甚至有的公司为了赚钱ui都是修改之前的成品app。

❺ 原生和H5的区别

APP，框架UI用原生编写
H5的缺点：

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

区别一、运行环境的不同

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

❼ h5做app和原生app有什么区别

H5的优点
1、h5开发速度快，一端开发多端运行
2、如果APP用户常见页面频换，如（淘宝首页各种不同活动），那么用H5，维护起来更容易。
3、如果app中出现大量文字且格式比较丰富（比如加粗、字体大小，图文展示）等用H5比较方便
4、迭代版本时，不需要打包便可以发布（实时更新、快速迭代），与云端实现实时数据交互
原生的优点
1、原生的响应速度快
2、对于有无网络操作时，譬如离线操作基本选用原生开发
3、需要调用系统硬件的功能（摄像头、方向传感器、重力传感器、拨号、GPS、语音、短信、蓝牙等功能）
4、在无网络或者若网的情况下体验好。

❽ APP内的原生的页面和H5页面怎么区分

判断app里面哪些是app原生写的哪些是html代码方法：
把手机的网络断掉。然后点开页面。然后可以正常显示的东西就是原生写的。
显示404或则错误页面的是html页面。

❾ H5页面交互设计与原生APP的区别和解决方案

1.更小的页面空间（由于浏览器的导航本身占用一部分屏幕空间），更大的信息记忆负担。

2.交互动态效果收到限制，影响一些页面场景、逻辑的理解。
3.页面跳转更加费力，不稳定感更强。而且页面之间的跳转也不是很流畅，很多时候出现卡顿或卡死现象。
4.导航不明显，原有底部导航消失，有效的导航遇到挑战等。
针对以上困境，解决方法总结如下：

1.H5版上只做查询、浏览、显示结果等操作。

2.精简功能，只将核心的任务实现，非核心的枝节可考虑删减。
3.减少页面层级的数量和输入操作。
4.做好新的WebAPP（h5）交互导航.
5.补充从WebAPP（h5） 对 下载原生APP 的引导。

❿ H5和原生APP之间的区别

实际上他们的底层都是一样的。
H5写的APP是基于html、js等语言编写的。原生APP用原生的语言与java、c等编写的。
H5写的APP调用机子的一些设备时仍是需要通过底层接口实现的。H5写的APP在不同系统的机子上兼容性更好。
原生APP调用一些接口的速度一般比H5的快，不过现在智能机处理速度都很快，因此用户基本上都看不出来。