因为HTML5暂时无法短期内在PC普及，主要方向在使用高端浏览器的高端移动设备，所以可以用作开发Android系统的App。但只有Android2.2以上、iOS3.2以上均支持HTML5，两大平台有望全系列支持HTML5 ，HTML5可以用作离线应用的开发，离线应用就是把需要的资源先缓存到本地，下次再查看时无需联网。使用HTML5离线应用带来的好处：提供更快、更简便的服务，代码可高度重用，服务发布方便，HTML5主要应用：Web邮箱、Web RSS、Web地图等服务在无网络环境的使用，HTML5技术重点关注在动画、游戏方面，地理定位方面的应用正在崛起，HTML5还被用于改善用户体验。HTML5还是一种比较新的技术，我也在探索当中。用html5开发android的app和开发安卓有什么不同呢？android和java都是手机系统，但是html5不支持在java系统内使用。所以你开发android的app和开发java的app是不同的。HTML5 开发APP需要一个开发框架和编译环境，PhoneGap是一个开源的开发框架，使用HTML5，CSS3和JavaScript来构建跨平台的的移动应用程序。下面介绍PhoneGap环境的搭建，及第一个Web APP。

1、选择你使用的平台，PhoneGap支持6个平台的开发和编译：IOS，Android，WebOS(HP),BlackBerry,Symbian。

2、Eclipse 3.4+的安装根据个人PC环境选择相应的版本，下载：Eclipse IDE for Java EE Developers x64

3、下载并安装Android SDK。最新版本：android-sdk_r20-windows。

4、下载并安装ADT Plugin，最新版本是：ADT-20.0.0.zip。

5、下载最新版本的PhoneGap并解压，我们将使用其中的Android目录。

6、编写第一个HTML5 App

7、Hello橘子博客 在 “/assets/www”目录中新建文件“index.html”，并粘贴如下代码：

<!DOCTYPE HTML>

<html>

<head>

<title>

橘子博客

</title>

<script type=”text/javascript” charset=”utf-8″ src=”phonegap.js”></script>

</head>

<body>

<h1>

你好，

橘子博客。

</h1>

</body>

</html>

8、部署到模拟器右键单击项目节点选择Run As，然后点击Android Application。Eclipse将要求你选择一个合适的AVD，如果没有设置的话，你需要创建一个AVD。

9、部署到设备通过设置手机USB debugging选项，并已将设备连接到电脑。（设置> 应用程序> 开发)。或者直接安装到手机查看效果。

html5文章 -- 应用HTML5 开发手机APP的更多相关文章

  1. 开发手机APP的神器 --- ionic

      前  言          在如今的生活中,手机已经与我们的生活紧紧的联系在了一起.而手机APP更是其中,重要的一环.今天,影子就为大家介绍一种开发手机APP的超级神器---ionic. ioni ...

  2. 自己动手开发手机APP控制西门子200smart 教程（原创干货）

    自己动手开发手机APP控制西门子200smart 教程(原创干货)   自己动手开发手机APP控制西门子200smart 教程(原创干货) 2020-02-09 19:06:45 自己动手开发手机AP ...

  3. 用mui框架开发手机app项目实践中的那些事儿

    http://www.yilingsj.com/xwzj/2015-04-29/260.html 最近在玩mui框架,坑的我是:西湖的水,全都是眼泪!!! 公司的手机app要进行改版,我率先想到的是j ...

  4. Delphi 开发手机 App 与其他工具之间的比较分析

    写在前头 关于各种手机App开发的工具,从2010年前后到现在已经在很多不同的场合介绍过,在元智大学.中台科技大学.德霖科技大学等不同学校的讲座.课程当中,都有类似的主题,所以对我来说,这个主题属于驾 ...

  5. 使用HBuilder+MUI+Flask后端服务器框架+Mongodb数据库开发手机APP

    1.开发准备HBuilder: 1.下载安装HBuilder2.创建APP项目 3.代码示例: <!doctype html> <html lang="en"&g ...

  6. 开发手机APP过程，不同使用场景APP搜索框的样式及区别

    搜索框是 app 内最常见的控件之一,可以帮助用户快速又精准找到期望的内容与功能.不同的使用场景下,根据页面中搜索的重要程度,搜索框也有着不同的样式. 下面就常州开发APP公司和大家聊聊常见的四种样式 ...

  7. 项目-开发手机app

    一.  安装Hbuilder,和夜神安卓模拟器 注:夜神模拟器,如过windows中安装了hyper-v,需要卸载,不然会死机 二. Hbuilder简介 官网:http://www.dcloud.i ...

  8. MUI框架开发HTML5手机APP(一)--搭建第一个手机APP

      前  言 JRedu 随着HTML5的不断发展,移动开发成为主流趋势!越来越多的公司开始选择使用HTML5开发手机APP,而随着手机硬件设备配置的不断提升,各种开发框架的不断优化,也使着H5开发的 ...

  9. MUI框架开发HTML5手机APP(一)--搭建第一个手机APP(转)

    出处:http://www.cnblogs.com/jerehedu/p/7832808.html  前  言 JRedu 随着HTML5的不断发展,移动开发成为主流趋势!越来越多的公司开始选择使用H ...

随机推荐

  1. iOS 在使用UINavigationController和TabBarController时view的frame

    可能是以前记错了,总认为在ios6上使用了UINavigationController或者TabBarController会因为多了bar而影响子controller的view的frame大小.今天在 ...

  2. iOS CoreData 的级联删除等操作

    关于CoreData 的基本操作在网上有一些中文资料,但是这些资料大多没有涉及CoreData的详细操作,只是简单的演示了最基本用法.像级联删除这种最基本的数据库操作都没有提到.今天在网上看到了一些英 ...

  3. CodeForces - 426B(对称图形)

    Sereja and Mirroring Time Limit: 1000MS   Memory Limit: 262144KB   64bit IO Format: %I64d & %I64 ...

  4. JS操作DOM

    [功能:点击按钮显示表单] <html> <head> <meta http-equiv="Content-Type" content="t ...

  5. CSS备忘

    垂直居中:           先height再ling-height,都设成一样高 span 垂直居中:vertical-align:50%设置外边距:           margin-top,m ...

  6. Redhat修改主机名_Red hat怎么永久修改主机名hostname(转)

    有几种方式修改Redhat的主机名字,这些方法也适合其他的Centos系统,下面介绍Red hat怎么永久修改主机名hostname的三种方法. 方法一: 说明"hostname" ...

  7. 深入浅出TCP协议的三次握手过程

    TCP是主机对主机层的传输控制协议,提供可靠的连接服务,采用三次握手确认建立一个连接: 每一次TCP连接都需要三个阶段:连接建立.数据传送和连接释放.“三次握手”就发生在连接建立阶段. 1.三次握手( ...

  8. Android 4.0源码目录结构

    转:http://blog.csdn.net/xiangjai/article/details/9012387 在学习Android的过程中,学习写应用还好,一开始不用管太多代码,直接调用函数就可以了 ...

  9. Unity3D入门之GUI基础以及常用GUI控件使用（2）

    1.GUI基础 (1)GUI部分是每帧擦除重绘的,只应该在OnGUI中绘制GUI,按钮:GUILayout.Button(“Hello”); 只读标签:GUILayout.Label() (2)修改控 ...

  10. sdut 2165:Crack Mathmen（第二届山东省省赛原题，数论）

    Crack Mathmen Time Limit: 1000ms   Memory limit: 65536K  有疑问?点这里^_^ 题目描述  Since mathmen take securit ...