【eoe分享】html5开发android应用程序概述

《【eoe分享】html5开发android应用程序概述》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、移动互联网路上的囧小子•姓名：杨丰盛•英文名字：yarin•网名：半灌水•门派：移劢互联网^_^•现任公司：云晖软件（成都）有限公司•开发经验：J2me、Brew、Android、Iphone、HTML5•主要作品：《Android应用开发揭秘》《Android技术内幕：系统卷》•新浪微博：@杨丰盛（http://weibo.com/yarin）•个人主页：http://yarin.blog.51cto.comAndroid应用开发新路线利用HTML5开发Android应用程序！Android与HTML5融合•Android的HTML5应用程序概述•如何适配多分辨率的Android

2、设备？•如何在Android中构建HTML5应用程序？•如何在Android中调试HTML5应用程序？•如何在Android中使用HTML5的本地储存？•如何在Android中使用HTML5的本地数据库？•如何在Android中使用HTML5的地理定位？•如何在Android中构建HTML5离线应用？•如何使用Canvas迚行绘图？AndroidHTML5应用概述Android应用客户端应用WEB应用SDK应用浏览器应用WebView应用（browser）&（SDK+WebView）HTML5JavaScriptCSS适配多分辨率的Android设备Android设备的多分辨率？A

3、ndroid浏览器加载WEB页面时，如果用户没有禁止吭用”预览模式“，那么将默认为“预览模式“，通常会缩小WEB页面。而当页•物理分辨率面在WebView中显示时，会采用”完全载入“的方式，即保证WEB•视窗大小不WEB页面比例页面的原始大小。•屏幕密度设备屏幕的密度是基于屏幕的分辨率（由每英寸所包含的点数（dpi））定义的。Android支持三种类别的屏幕密度：低（ldpi），中（mdpi）和高（hdpi）。不中等密度屏幕相比，低密度屏幕每英寸像素较少，高密度屏幕每英寸像素较多。默认情况下，Android浏览器和WebView是针对中等密度的屏幕。Android浏览器和WebVi

4、ew在高密度屏幕上将Web页面缩放约1.5倍（因为中等密度屏幕像素较小），而在低密度屏幕上将Web页面缩放约0.75倍（因为中等密度屏幕像素大）。viewport属性怎么办？用CSS控制设备密度用JavaScript控制设备密度viewport属性的应用viewport需要放置在HTML的标签中，在标签的content属性中，就可以定义多个视窗特性。包括视窗的宽度、高度、缩放比例，目标设备密度等，但是，需要注意每个视窗属性必须有逗号隔开。

5、th=device-width,user-scalable=no”/>

6、device-height],width=[pixel_value

7、device-width],initial-scale=float_value,minimum-scale=float_value,maximum-scale=float_value,user-scalable=[yes

8、no],target-densitydpi=[dpi_value

9、device-dpi

10、high-dpi

11、mediu

12、m-dpi

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

14、device-pixel-ratio:1.0)"href="mdpi.css"/>在一个样式表中，指定丌同样式：#header{background:url(medium-density-image.png);}@mediascreenand(-webkit-device-pixel-ratio