因为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. 转MYSQL学习（五） 索引

    索引是在存储引擎中实现的,因此每种存储引擎的索引都不一定完全相同,并且每种存储引擎也不一定支持所有索引类型. 根据存储引擎定义每个表的最大索引数和最大索引长度.所有存储引擎支持每个表至少16个索引,总 ...

  2. php中正则表达式的匹配和数据验证总结

    正则表达式能匹配复杂的字符串形式,比字符串处理函数功能更加多,只不过执行效率有所降低,但是可以实现非常复杂的匹配,下面总结一下 1.简单的字符串匹配,判断指定字符串是不是在另一个字符串中,和字符串查找 ...

  3. WordPress前台后台页面打开慢的解决方法

    写个人网站用WordPress程序是一个不错的选择,但是目前安装之后速度很慢,后台配置页面半天打不开,在网上查了一下原来是Google被墙导致,WordPress默认模板会加载谷歌的open-sans ...

  4. Java for LeetCode 031 Next Permutation

    Next Permutation Total Accepted: 33595 Total Submissions: 134095     Implement next permutation, whi ...

  5. codeforces A. Rook, Bishop and King 解题报告

    题目链接:http://codeforces.com/problemset/problem/370/A 题目意思:根据rook(每次可以移动垂直或水平的任意步数(>=1)),bishop(每次可 ...

  6. mybatis存入数据库后没有时分秒时间不全只有年月日

    对于Ibatis操作Date/Time/DateTime,总结如下: 将pojo的属性类型设置为java.sql.Date(或java.sql.Time, java.sql.Timestamp),此时 ...

  7. HDU2018递推牛

    母牛的故事 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Submi ...

  8. POJ 3904 Sky Code (容斥原理)

    B - Sky Code Time Limit:1000MS     Memory Limit:65536KB     64bit IO Format:%I64d & %I64u Submit ...

  9. object-c学习笔记

    原文地址 最近开始学习object-c,分享一下学习oc的经验以及对oc的理解,其中难免会有错误,请大家理解. 对初学者来说,objective-c存在了很多令人费解的写法,当然也包括我! 我刚开始看 ...

  10. Java性能优化权威指南-读书笔记（一）-操作系统性能监控工具

    一:CPU 1. 用户态CPU是指执行应用程序代码的时间占总CPU时间的百分比. 系统态CPU是指应用执行操作系统调用的时间占总CPU时间的百分比.系统态CPU高意味着共享资源有竞争或者I/O设备之间 ...