`

使用html,javascript,css,phonegap创建开发android应用程序

阅读更多

使用html5,javascript,css,phonegap创建android应用程序,其实就是利用android的webview显示一个静态的html文件,实现相关的功能。

 

首先,需要创建一个基于phonegap的android project

 

创建步骤如下:

 

  1. new android project and 引入phonegap的jar
  2. 添加phonegap的各种插件的配置文件到 res/xml/phonegap.xml,  res/xml/plugins.xml
  3. 修改androidmainifest.xml文件,只要是添加各种插件对android硬件的访问权限
  4. 创建文件   assets/www/index.html
  5. 在项目的入口文件的oncreate方法添加super.loadurl("file:///android_asset/www/index.html");
  6. 运行项目即可看到效果

注意上边的index.html文件要符合html5标准,因为我们的应用不会只有一个页面,使用html5,可以在定义的data-role="page"的不同页面间进行跳转

 

其次,需要引入相关的js和css文件,我在此使用了如下js和css:

 

  1. jquery.js
  2. jquery.mobile.js
  3. iscroll.js
  4. phonegap.js
  5. jquery.mobile.css

注意js的导入顺序,否则可能会出现一些麻烦。

以下的步骤就跟phonegap的api一致了。

 

分享到:
评论

相关推荐

    使用HTML,CSS,JavaScript开发Android应用程序

    本书《使用HTML、CSS、JavaScript开发Android应用程序》由Jonathan Stark编写,是针对希望利用网页开发技能快速进入移动应用开发领域的读者的一本实用指南。它介绍了如何利用现有的HTML、CSS和JavaScript技术来创建...

    [使用HTML,CSS,JavaScript开发Android应用程序]

    ### 使用HTML、CSS、JavaScript开发Android应用程序 #### 知识点概述 本章节将深入探讨如何利用HTML、CSS、JavaScript等Web技术结合PhoneGap框架来构建Android应用。通过本章节的学习,开发者能够了解到如何使现有...

    使用HTML,CSS,JavaScript开发Android应用程序英文文字pdf版附源文件最新版本

    如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您...

    使用HTML、CSS和JavaScript开发Android程序

    在现代移动应用开发领域,利用Web技术开发原生Android应用程序已经成为一种趋势。通过结合HTML、CSS和JavaScript,开发者可以利用跨平台的框架如Apache Cordova或React Native来创建功能丰富的Android应用,而无需...

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

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

    android+Phonegap开发环境搭建

    在移动应用开发领域,PhoneGap是一个非常流行的框架,它允许开发者使用HTML、CSS3和JavaScript来构建跨平台的原生应用程序。PhoneGap基于Apache Cordova,将Web技术与Android等操作系统紧密集成,使得开发者可以利用...

    phoneGap实现android程序开发代码

    PhoneGap是一种跨平台的移动应用开发框架,它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用程序。PhoneGap的核心理念是通过WebView组件将Web技术与设备的原生功能相结合,提供了一种轻量级的混合应用...

    phonegap之android示例

    PhoneGap是Adobe开发的一款开源框架,它允许开发者使用HTML、CSS和JavaScript这三种Web技术来构建跨平台的移动应用程序。这个“phonegap之android示例”项目,显然是一个基于PhoneGap技术,专为Android平台设计的...

    phoneGap实现android平台应用

    PhoneGap是一种跨平台的移动应用开发框架,它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用程序。本教程将详细介绍如何使用PhoneGap在Android平台上实现一个新闻客户端,同时连接到MySQL数据库。 首先...

    android与phonegap混合开发之相互跳转

    在移动应用开发领域,PhoneGap和Android是两种广泛使用的平台。PhoneGap是一种基于HTML5、CSS3和JavaScript的跨平台框架,它允许开发者使用Web技术创建原生移动应用。而Android则是Google主导的开源操作系统,提供了...

    利用phonegap(crosswalk)+html5开发Android应用

    PhoneGap(现称为Apache Cordova)是一款开源框架,它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用程序,而无需深入学习特定平台的原生编程语言,如Java或Swift。Crosswalk是PhoneGap的一个分支,专为...

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

    HTML5+PhoneGap跨平台移动应用开发是一种现代的、高效的方法,它允许开发者使用Web技术(如HTML、CSS和JavaScript)构建可以在多个操作系统上运行的应用程序,包括Android、iOS、Windows Phone等。PhoneGap是Adobe ...

    phonegap4.1+android

    PhoneGap 是一个开源框架,它允许开发者使用 HTML5, CSS3, 和 JavaScript 来构建原生的移动应用程序。PhoneGap 4.1 版本针对 Android 平台的环境配置主要包括以下几个步骤: 1. **环境准备**: - **ANT (Apache ...

    PhoneGAP采用移动Javascript+html5框架开发移动程序入门源码

    PhoneGap是一种跨平台的移动应用开发框架,它允许开发者使用HTML5、JavaScript和CSS3等Web技术来构建原生的移动应用程序。这个“PhoneGAP采用移动Javascript+html5框架开发移动程序入门源码”提供了丰富的学习资源,...

    使用javascript开发移动应用程序

    Titanium是一个强大的框架,允许开发者使用熟悉的Web技术(如HTML5、CSS3、JavaScript)为多种移动平台(如iPhone、iPad、Android等)创建原生应用。它支持多种流行的JavaScript库和框架,如Mootools、jQuery等。...

    自定义plugin插件实现phonegap与Android交互

    PhoneGap是一种流行的开源框架,它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用程序。这个框架的主要优点是能够跨平台开发,使得开发者可以用一套代码库为iOS、Android等不同操作系统创建应用。然而,...

    phonegap插件包Android版本

    PhoneGap是一款跨平台的移动应用开发框架,它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用程序。PhoneGap插件是连接这些Web技术与设备原生功能的关键桥梁,如访问摄像头、存储、GPS定位等。在这个...

Global site tag (gtag.js) - Google Analytics