html5开发android应用程序概述【经典资料】.pdfVIP

移动互联网路上的囧小子 • 姓 名：杨丰盛 • 英文名字：yarin • 网 名：半灌水 • 门 派：移劢互联网 ^_^ • 现任公司：云晖软件（成都）有限公司 • 开发经验：J2me、Brew、Android、Iphone、HTML5 • 主要作品：《Android应用开发揭秘》 《Android技术内幕：系统卷》 • 新浪微博：@杨丰盛（/yarin ） • 个人主页： Android应用开发新路线 利用HTML5开发Android应用程序！ Android与HTML5融合 • Android的HTML5应用程序概述 • 如何适配多分辨率的Android设备？ • 如何在Android中构建HTML5应用程序？ • 如何在Android中调试HTML5应用程序？ • 如何在Android中使用HTML5的本地储存？ • 如何在Android中使用HTML5的本地数据库？ • 如何在Android中使用HTML5的地理定位？ • 如何在Android中构建HTML5离线应用？ • 如何使用Canvas迚行绘图？ Android HTML5应用概述 Android应用 客户端应用 WEB应用 SDK应用 浏览器应用 WebView应用 （browser ） （SDK+WebView ） HTML5 JavaScript CSS 适配多分辨率的Android设备 Android设备的多分辨率？ Android浏览器加载WEB页面时，如果用户没有禁止吭用”预览模 式“，那么将默认为“预览模式“，通常会缩小WEB页面。而当页 •物理分辨率 面在WebView中显示时，会采用”完全载入“的方式，即保证WEB •视窗大小不WEB页面比例 页面的原始大小。 •屏幕密度 设备屏幕的密度是基于屏幕的分辨率（由每英寸所包含的点数（dpi ））定义的。 Android支持三种类别的屏幕密度：低（ldpi ），中（mdpi ）和高（hdpi ）。 不中等密度屏幕相比，低密度屏幕每英寸像素较少，高密度屏幕每英寸像素较 多。默认情况下，Android浏览器和 WebView是针对中等密度的屏幕。 Android浏览器和WebView 在高密度屏幕上将Web页面缩放约1.5倍（因为中 等密度屏幕像素较小），而在低密度屏幕上将Web页面缩放约0.75倍（因为中 等密度屏幕像素大）。 viewport属性 怎么办？ 用CSS控制设备密度 用JavaScript控制设备密度 viewport属性的应用  viewport需要放置在HTML的meta标签中，在meta标签的 content属性中，就可以定义多个视窗特性。包括视窗的宽度、高度、 缩放比例，目标设备密度等，但是，需要注意每个视窗属性必须有 逗号隔开。 head titleExmaple/title meta name=”viewport” content=”width=device-width,user-scalable=no”/ /head meta name=viewport content= height = [pixel_value | device-height] ,