`
sen
  • 浏览: 7272 次
  • 来自: ...
社区版块
存档分类
最新评论

跨平台开发:初探PhoneGap移动开发框架(3)

    博客分类:
  • Ruby
 
阅读更多

转载自http://mobile.51cto.com/android-229213_2.htm

 

编写HelloWorld程序

接下来,我们来在此基础上编写HelloWorld程序。我们切换到index.html中去,在代码模式下,删除原来phonegap生成的代码,写入如下代码:

    >    
    <html>    
        <head>    
        <meta name="viewport" content="width=320; user-scalable=no" />
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">    
        <title>PhoneGap Android Apptitle>    
                 <script type="text/javascript" charset="utf-8" src="phonegap.js">script>            
               <script type="text/javascript" charset="utf-8">    
                          var showMessageBox = function() {     
                  navigator.notification.alert("Hello World of PhoneGap");     
                          }     
                            function init(){     
                document.addEventListener("deviceready", showMessageBox, true);                    
                          }     
      script>    
      head>    
    <body onload="init();"  >    
      body>    
    html>    
     
 

可以看到,这其实是普通的HTML和Javascript代码。首先在onload触发的方法init中,通过Javascript的回调方法中调用了phonegap封装好的事件

deviceready,这个事件含义是当设备在将其应用程序加载完毕后触发的。在引入phonegap提供的API时,必须通过 的方式引入进行调用。在这里的回调函数showMessageBox中,就调用了phonegap封装好的方法 navigator.notification.alert,这个方法实际上是

显示了一个带文本的提示框,运行结果如下图:

分享到:
评论

相关推荐

    跨平台开发:初探PhoneGap移动开发框架

    如果开发者编写的应用需要同时在不同的移动设备上运行的话,则必须要掌握多种开发语言,这已经成为开发团队的一大难题,在51CTO专访国内著名移动软件尚邮的首席架构师时也提到过跨平台软件开发的困难。而为了进一步...

    跨平台开发技术-PhoneGap从入门到精通3

    跨平台开发技术-PhoneGap从入门到精通(PhoneGap、罗盘、运动传感器、地理位置

    (跨平台开发技术-PhoneGap从入门到精通)1

    PhoneGap, 通信机制及部署和调试 运动传感器, 跨平台开发 地理位置,

    跨平台开发技术-PhoneGap从入门到精通2

    跨平台开发技术-PhoneGap从入门到精通(PhoneGap、罗盘、运动传感器、地理位置

    跨平台开发技术-PhoneGap从入门到精通4

    跨平台开发技术-PhoneGap从入门到精通(PhoneGap、罗盘、运动传感器、地理位置

    在Android平台下搭建PhoneGap开发环境--用HTML5开发游戏[参考].pdf

    PhoneGap是一个功能强大且灵活的跨平台开发框架,适合开发跨平台的应用程序和游戏。但是,需要注意 PHONEGap的性能和安全问题。 PhoneGap的开发环境搭建需要: 1. 安装 PhoneGap:下载并安装 PhoneGap 的开发环境...

    phonegap移动开发框架

    总的来说,PhoneGap移动开发框架为开发者提供了高效、灵活的跨平台开发工具,降低了进入移动应用开发的门槛,使得更多的Web开发者能够参与到移动应用的创新之中。随着技术的不断演进,PhoneGap也在持续更新和改进,...

    构建跨平台APP-PhoneGap移动应用实战mini书.pdf

    《构建跨平台APP:Phonegap移动应用实战》是一本APP实战书,包含20多个APP实例和3个APP项目,还结合了HTML5移动开发。本书面向移动开发入门人员,低门槛,浅阅读,最适合移动APP创业小白。

    关于html5开发框架PhoneGap的移动开发调研

    PhoneGap是一个基于HTML5、CSS3和JavaScript的开源框架,专为构建跨平台移动应用程序而设计。它允许开发者使用熟悉的Web技术创建应用,同时能够访问智能手机的各种核心功能,如地理位置、相机、联系人、文件系统、...

    PhoneGap移动应用开发框架预研

    PhoneGap是一种开源的移动应用开发框架,它允许开发者使用HTML5、CSS3和JavaScript来构建原生的移动应用程序,这些应用程序可以跨多个操作系统运行,包括iOS、Android、Windows Phone等。PhoneGap的主要目标是打破...

    入门必看:用PhoneGap开发手机应用程序(android,iPhone等)

    PhoneGap 是一款开源的开发工具,它允许开发者利用 HTML、JavaScript 和 CSS 这些Web前端技术来构建跨平台的移动应用程序。PhoneGap 开发的主要优势在于它的跨平台性,覆盖了包括 Android、iOS、BlackBerry 在内的多...

    基于PhoneGap跨平台移动开发框架的研究与应用

    快速发展的移动互联网技术使得移动终端成为实现对互联网访问的一种主流途径。目前主流的移动应用有移动网站、App、微信,移动终端操作系统...最后,搭建完整地系统技术架构,并以网站购物为例验证跨平台移动建站的可行性。

    跨平台开发技术-PhoneGap从入门到精通6

    跨平台开发技术-PhoneGap从入门到精通(PhoneGap、罗盘、运动传感器、地理位置

    PHONEGAP移动定位地图开发1

    PhoneGap移动定位地图开发是将Web技术与移动设备硬件功能结合的一种开发方式,它允许开发者使用HTML、CSS和JavaScript创建跨平台的移动应用,并且能够访问设备的特定功能,如GPS定位、摄像头、存储等。在本教程中,...

    CMDN CLUB#16期:关于PhoneGap的12件事

    **PhoneGap**是一个开源框架,允许开发者使用HTML5、CSS3以及JavaScript等Web技术来创建跨平台的移动应用程序。这意味着开发者可以编写一次代码,然后将它部署到多个不同的移动操作系统上,如iOS、Android、Windows ...

    html5+phonegap跨平台移动应用开发

    html5+phonegap跨平台移动应用开发

    跨平台开发技术-PhoneGap从入门到精通5

    跨平台开发技术-PhoneGap从入门到精通(PhoneGap、罗盘、运动传感器、地理位置

    跨平台的移动开发支持库PhoneGap

    PhoneGap的核心是基于Apache Cordova,一个开源的移动开发框架。Cordova通过插件系统,让Web开发者可以访问设备的各种API,如摄像头、GPS、加速度计、联系人列表等。PhoneGap不仅提供了Cordova的功能,还增加了一些...

Global site tag (gtag.js) - Google Analytics