除了能够将HTML页面打包成可以直接安装运行的APP外，PhoneGap的一个最大优势在于可以通过JavaScript调用设备来访问设备上的硬件信息，从而实现一些原本只有依靠原生SDK才能够达到的目的。范例5-1就展示了一个利用API来获取设备信息的例子。

【范例5-1 利用PhoneGap获取设备信息】

<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<script src="cordova.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
	//设置触发器函数onDeviceReady()
	document.addEventListener("deviceready", onDeviceReady, false);
	// PhoneGap加载完毕，现在可以安全地调用PhoneGap方法
	function onDeviceReady() {
	   // 现在可以安全使用PhoneGap API
	   //获取页面中id为deviceProperties的元素
		var element = document.getElementById('deviceProperties');
		//将获取的设备信息写入到页面元素中
		element.innerHTML = '设备名称: '     + device.name     + '<br />' +
							'PhoneGap版本: ' + device.phonegap + '<br />' +
							'操作系统: ' + device.platform + '<br />' +
							'设备编号: '     + device.uuid     + '<br />' +
							'操作系统版本: '  + device.version  + '<br />';
	}

</script>
</head>
<body>
<h4 id="deviceProperties"></h4>
</body>
</html>



使用PhoneGap编译之后，运行结果如图5-1所示。




通过本例可以看出，使用PhoneGap中API的方法与使用原生JavaScript和HTML的方法没有什么不同，只是多了一些事先定义好的类，如范例第15行中的device。


PhoneGap定义了一个类device，其中包含了name、phonegap、platform、uuid、version这5个成员变量，分别存放设备的设备名称、PhoneGap版本号、操作系统、设备编号和操作系统版本，使用时可以直接引用。


在范例的第15~19行就是使用了innerHTML操作来将device类中的信息显示到页面元素中，而页面元素是在第13行中利用元素的id属性来获取的。熟悉JavaScript的读者可以发现，这与JavaScript的DOM操作完全相同。


清华大学出版社推出的《构建跨平台APP：Phonegap移动应用实战》是一本APP实战书，包含20多个APP实例和3个APP项目，还结合了HTML5移动开发。本书面向移动开发入门人员，低门槛，浅阅读，最适合移动APP创业小白。本次发布第3~5章作为读者学习的基础，有兴趣的欢迎购买本书！欢迎加群：348632872，向作者直接提问交流！


												


											
小白学phoneGap《构建跨平台APP：phoneGap移动应用实战》连载五（使用PhoneGap获取设备信息）的更多相关文章
	

    
						
  1. 小白学phoneGap《构建跨平台APP：phoneGap移动应用实战》连载一（PhoneGap中的API）
		
    之前本博连载过<构建跨平台APP:jQuery Mobile移动应用实战>一书.深受移动开发入门人员的喜爱. 从如今開始,连载它的孪生姐妹书phoneGap移动应用实战一书,希望以前是小白 ...
    
		
    2. 
						
  2. 小白学phoneGap《构建跨平台APP：phoneGap移动应用实战》连载四（使用程序载入事件）
		
    在了解了PhoneGap中都有哪些事件之后,本节将開始对这些事件的使用方法进行具体地介绍.本节要介绍的是程序载入事件,也就是deviceready.pause和resume这3个事件. [范例4-2  ...
    
		
    3. 
								
  3. 小白学phoneGap《构建跨平台APP：phoneGap移动应用实战》连载三（通过实例来体验生命周期）
		
    4.1.2  通过实例来亲身体验Activity的生命周期 上一小节介绍了Activity生命周期中的各个过程,本小节将以一个简单的实例来使读者亲身体验到Activity生命周期中的各个事件. 在Ec ...
    
		
    4. 
						
  4. 小白学phoneGap《构建跨平台APP：phoneGap移动应用实战》连载二（生命周期）
		
    4.1 什么是生命周期 想要真正地理解PhoneGap应用开发的内涵,首先需要理解什么是生命周期.这在字面上其实非常容易理解,一个应用从开始运行被手机加载到应用被退出之间的过程就称之为一个生命周期.为 ...
    
		
    5. 
						
  5. 【原创】小白学jquery Mobile《构建跨平台APP：jQuery Mobile移动应用实战》连载五（给按钮加图标）
		
    在范例5-4所使用的导航栏中,已经为按钮加入了图标的样式,但是当时并没有介绍按钮的图标究竟是怎么一回事.下面截取范例5-4中导航栏部分的代码: <divdata-role="foote ...
    
		
    6. 
						
  6. 小白学jquery Mobile《构建跨平台APP：jQuery Mobile移动应用实战》连载四（场景切换）
		
    作为一款真正有使用价值的应用,首先应该至少有两个页面,通过页面的切换来实现更多的交互.比如手机人人网,打开以后先是进入登录页面,登录后会有新鲜事,然后拉开左边的面板,能看到相册.悄悄话.应用之类的其他 ...
    
		
    7. 
						
  7. 白学jquery Mobile《构建跨平台APP：jQuery Mobile移动应用实战》串行4（场景变化）
		
    作为一个真正的利用价格值应用,首先,你应该至少有两页,通过切换页面来实现很多其他互动.比如手机人人网,首先,打开后进入登录页面,将有登录后,新的东西.然后拉左侧面板.你可以看到相册.私人信息.像其他应 ...
    
		
    8. 
						
  8. jquery Mobile应用第2课《构建跨平台APP：jQuery Mobile移动应用实战》连载二（简单的QWER键盘）
		
    在jQuery Mobile的布局中,控件大多都是单独占据页面中的一行,按钮自然也不例外,但是仍然有一些方法能够让多个按钮组成一行,比如说在范例6-5中就利用按钮分组的方法使4个按钮并列在一行中,如图 ...
    
		
    9. 
						
  9. jqueryMobile应用第一课《构建跨平台APP：jQuery Mobile移动应用实战》连载一（Hello World）
		
    有人说每个程序员都曾经有过改变世界的梦想,笔者认为,这与程序员年轻时编写的第一个程序有着莫大的关系.简简单单的一句“hello world”让年轻的心开始相信梦想,用一种低调的壮志凌云向世界展示自己的 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. lwip【5】 lwIP配置文件opt.h和lwipopts.h初步分析之二
			
    如何去配置lwip,使它去适合不同大小的脚,这就是本贴的主题lwIP的配置问题.尤其是内存的配置,配置多了浪费,配置少了跑不了或者不稳定(会出现的一大堆莫名奇妙的问题,什么打开网页的速度很慢啊?什么丢 ...
    
			
    2. 
						
  2. Windows窗体间的数据交互
			
    轻松掌握Windows窗体间的数据交互                                     作者:郑佐 2004-04-05 Windows 窗体是用于 Microsoft Win ...
    
			
    3. 
						
  3. eclipse&nbsp;maven&nbsp;plugin&amp;n…
			
    eclipse maven plugin 插件 安装 和 配置 Posted on 2012-07-13 12:40 fancydeepin 阅读(9850) 评论(7)  编辑  收藏 所属分类:  ...
    
			
    4. 
						
  4. 小程序[邮箱提取器-EmailSplider]总结
			
    1.背景情况     学东西做快的是付诸实践,写这个小程序的目的就是为了综合运用各个知识点,从而提升学习的效果.   2.涉及知识     A.Swing 的布局     B.Swing中,线程访问U ...
    
			
    5. 
						
  5. 玩转 React 服务器端渲染
			
    React 提供了两个方法 renderToString 和 renderToStaticMarkup 用来将组件(Virtual DOM)输出成 HTML 字符串,这是 React 服务器端渲染的基 ...
    
			
    6. 
						
  6. 特性attribute,声明和使用attribute,应用attribute,AOP面向切面,多种方式实现AOP
			
    1 特性attribute,和注释有什么区别2 声明和使用attribute3 应用attribute4 AOP面向切面5 多种方式实现AOP ---------------------------- ...
    
			
    7. 
						
  7. .net 扩展方法，lamada表达式 委托
			
    扩展方法 (1)扩展方法是一种特殊的静态方法,它定义在一个静态类中,但可以在其他类的对象上向调用实例方法那样进行调用.因此,通过扩展方法,我们就可以在不修改一个类型的前提下对一个类型进行功能上的扩充, ...
    
			
    8. 
						
  8. 黑科技抢先尝(续) - Windows terminal中WSL Linux 终端的极简美化指南
			
    目录 修改默认源,为apt-get安装提速 安装python 和 python pip 安装 zsh 安装powerline-font中的特定字体 安装powerline-shell 修改~目录下的配 ...
    
			
    9. 
						
  9. HyperLedger Fabric  多机部署(二)
			
    启动各个节点: ./orderer order节点启动方式 ./peer node start peer节点启动方式 Admin@org1.example.com 使用hyperledger fabr ...
    
			
    10. 
						
  10. [Xcode 实际操作]七、文件与数据-(7 )使用UserDefaults检测App是否首次运行
			
    目录:[Swift]Xcode实际操作 本文将演示UserDefaults的使用,它常被用于存储程序的配置数据. 当关闭程序之后,再次打开程序时,之前存储的数据依然可以从UserDefaults里读取 ...
    
			
    11.