基于html5的android开发

《基于html5的android开发》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Android应用开发新路线利用HTML5开发Android应用程序！Android与HTML5融合Android的HTML5应用程序概述如何适配多分辨率的Android设备？如何在Android中构建HTML5应用程序？如何在Android中调试HTML5应用程序？如何在Android中使用HTML5的本地储存？如何在Android中使用HTML5的本地数据库？如何在Android中使用HTML5的地理定位？如何在Android中构建HTML5离线应用？如何使用Canvas进行绘图？AndroidHTML5应用概述Android应用客户端应用SDK应用WE

2、B应用浏览器应用WebView应用（browser）&（SDK+WebView）HTML5JavaScriptCSSviewport适配多分辨率的Android设备怎么办？viewport属性用CSS控制设备密度用JavaScript控制设备密度Android设备的多分辨率？物理分辨率视窗大小与WEB页面比例屏幕密度Android浏览器加载WEB页面时，如果用户没有禁止启用”预览模式“，那么将默认为“预览模式“，通常会缩小WEB页面。而当页面在WebView中显示时，会采用”完全载入“的方式，即保证WEB页面的原始大小。设备屏幕的密度是基于屏幕的分辨率（由每

3、英寸所包含的点数（dpi））定义的。Android支持三种类别的屏幕密度：低（ldpi），中（mdpi）和高（hdpi）。与中等密度屏幕相比，低密度屏幕每英寸像素较少，高密度屏幕每英寸像素较多。默认情况下，Android浏览器和WebView是针对中等密度的屏幕。Android浏览器和WebView在高密度屏幕上将Web页面缩放约1.5倍（因为中等密度屏幕像素较小），而在低密度屏幕上将Web页面缩放约0.75倍（因为中等密度屏幕像素大）。viewport属性的应用viewport需要放置在HTML的标签中，在标签的content属性中

4、，就可以定义多个视窗特性。包括视窗的宽度、高度、缩放比例，目标设备密度等，但是，需要注意每个视窗属性必须有逗号隔开。

5、device-height],width=[pixel_value

6、device-width],initial-scale=float_valu

7、e,minimum-scale=float_value,maximum-scale=float_value,user-scalable=[yes

8、no],target-densitydpi=[dpi_value

9、device-dpi

10、high-dpi

11、medium-dpi

12、low-dpi]"/>CSS控制设备密度Android浏览和WebView支持CSS媒体性能（webkit-device-pixel-ratio），允许指定屏幕密度创建一些样式CSS媒体性能。该值应该是“0.75”，“1”或“1.5”，它们分别表示对于低、中、高密度屏幕的设备。下面为每

13、种密度创建独立的样式：在一个样式表中

14、，指定不同样式：#header{background:url(medium-density-image.png);}@mediascreenand(-webkit-device-pixel-ratio:1.5){//CSSforhigh-densityscreens#header{background:url(high-density-image.png);}}@mediascreenand(-webkit-device-pixel-ratio:0.75){//CSSforlow-densityscreens#header{background:url(lo

15、w-density-image.png);}}