优点主要有下面几个
成都创新互联专注为客户提供全方位的互联网综合服务，包含不限于做网站、网站建设、天祝藏族自治网络推广、微信小程序定制开发、天祝藏族自治网络营销、天祝藏族自治企业策划、天祝藏族自治品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联为所有大学生创业者提供天祝藏族自治建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com
离线缓存为HTML5开发移动应用提供了基础
音频视频自由嵌入，多媒体形式更为灵活
地理定位，随时随地分享位置
Canvas绘图，提升移动平台的绘图能力
据我所知目前各大应用里面，纯 HTML5 开发整个界面的基本没有，大部分都是说，基本是原生界面，部分内容用 H5 的方式来展现，这个才是主流。
未来会是朝哪个方向发展呢？答案肯定还是朝原生的方向发展，因为现在用户对手机的交互越来越挑剔了，而 H5 的方式你很难做到非常流畅。即使是当前流行的混合开发技术，像 facebook 出现的 react native，它用 H5 写代码，但渲染出来的是原生界面，所以大家都是在追求流畅的交互和体验，如果将这个作为目标的话，作为iOS开发者以及原生系统的开发者，应该是需求越来越多的，纯 H5 开发的项目基本上已经没有了。
当然，我还是希望各位 iOS 开发者能够多接触一些 H5 的知识，在工作中多多少少还是会涉及一些混合开发的界面，如果你懂这些知识，会很大程度上帮助你。
H5开发安卓界面需要注意以下三点：
（上）包括Android设备多分辨率的问题，Android中构建HTML5应用程序基础
（中）包括Android与JS之间的互动，Android处理JS的警告对话框等，Android中的调试
（下）包括本地储存在Android中的应用，地理位置的应用，离线应用的构建
进入正题
● Android设备多分辨率的问题
Android浏览器默认预览模式浏览 会缩小页面 WebView中则会以原始大小显示
Android浏览器和WebView默认为mdpi。hdpi相当于mdpi的1.5倍 ldpi相当于0.75倍
三种解决方式：1 viewport属性 2 CSS控制 3 JS控制
1 viewport属性放在HTML的meta中
html代码：
span style="font-size: x-small;" head
titleExmaple/title
meta name=”viewport” content=”width=device-width,user-scalable=no”/
/head/span
meta中viewport的属性如下：
span style="font-size: x-small;" meta name="viewport"
content="
height = [pixel_value | device-height] ,
width = [pixel_value | device-width ] ,
initial-scale = float_value ,
minimum-scale = float_value ,
maximum-scale = float_value ,
user-scalable = [yes | no] ,
target-densitydpi = [dpi_value | device-dpi |
high-dpi | medium-dpi | low-dpi]
"
/
/span
2 CSS控制设备密度
为每种密度创建独立的样式表（注意其中的webkit-device-pixel-ratio 3个数值对应3种分辨率）
html代码：
link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.5)" href="hdpi.css" /
link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="mdpi.css" /
link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 0.75)" href="ldpi.css" /
3 JS控制
Android浏览器和WebView支持查询当前设别密度的DOM特性
window.devicePixelRatio 同样值有3个（0.75,1,1.5对应3种分辨率）
JS中查询设备密度的方法
js代码：
if (window.devicePixelRatio == 1.5) {
alert("This is a high-density screen");
} else if (window.devicePixelRation == 0.75) {
alert("This is a low-density screen");
}
Android中构建HTML5应用
使用WebView控件 与其他控件的使用方法相同 在layout中使用一个WebView标签
WebView不包括导航栏，地址栏等完整浏览器功能，只用于显示一个网页。
使用WebView加载HTML即可。
WebView(网络视图)能加载显示网页，可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页，实现WebView有以下两种不同的方法：
第一种方法的步骤：
1.在要Activity中实例化WebView组件：WebView webView = new WebView(this);
2.调用WebView的loadUrl()方法，设置WevView要显示的网页：
互联网用：webView.loadUrl("");
本地文件用：webView.loadUrl(""); 本地文件存放在：assets 文件中
3.调用Activity的setContentView( )方法来显示网页视图
4.用WebView点链接看了很多页以后为了让WebView支持回退功能，需要覆盖覆盖Activity类的onKeyDown()方法，如果不做任何处理，点击系统回退剪键，整个浏览器会调用finish()而结束自身，而不是回退到上一页面
5.需要在AndroidManifest.xml文件中添加权限，否则会出现Web page not available错误。
uses-permission android:name="android.permission.INTERNET" /
第二种方法的步骤：
1、在布局文件中声明WebView
2、在Activity中实例化WebView
3、调用WebView的loadUrl( )方法，设置WevView要显示的网页
4、为了让WebView能够响应超链接功能，调用setWebViewClient( )方法，设置 WebView视图
5、用WebView点链接看了很多页以后为了让WebView支持回退功能，需要覆盖覆盖Activity类的onKeyDown()方法，如果不做任何处理，点击系统回退剪键，整个浏览器会调用finish()而结束自身，而不是回退到上一页面
6、需要在AndroidManifest.xml文件中添加权限，否则出现Web page not available错误。
uses-permission android:name="android.permission.INTERNET"/
html5就是做网页的，
用html5做好网页版的软件后 用PhoneGap 打包成apk，就能在安卓上安装运行。
重庆分公司
重庆分公司
