首先写一个config.xml
代码如下：
<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns = "http://www.w3.org/ns/widgets"
        xmlns:gap = "http://phonegap.com/ns/1.0"
        id = "org.xl.test"
        versionCode = "10"
        version = "1.1.0">
    <name>悠游旅游</name>
    <description>
        悠游旅游网
    </description>
    <author href="http://www.uu-club.com/" email="412588801@qq.com">
        uuclub
    </author>
    <icon src="icon.png" />
 <icon src="icon.png" gap:platform="android" gap:density="ldpi" />
    <icon src="icon.png" gap:platform="android" gap:density="mdpi" />
    <icon src="icon.png" gap:platform="android" gap:density="hdpi" />
    <icon src="icon.png" gap:platform="android" gap:density="xhdpi" />
    <icon src="icon.png" gap:platform="blackberry" />
    <icon src="icon.png" gap:platform="blackberry" gap:state="hover"/>
    <icon src="icon.png" gap:platform="webos" />
    <icon src="icon.png" gap:platform="winphone" />
    <icon src="icon.png" gap:platform="winphone" gap:role="background" />
</widget>

你如果想用闪屏的话，请参照如下代码（加入上面的配置文件中）：

<gap:splash src="files/splash/ldpi.png" gap:platform="android" gap:density="ldpi"/>
<gap:splash src="files/splash/mdpi.png" gap:platform="android" gap:density="mdpi"/>
<gap:splash src="files/splash/hdpi.png" gap:platform="android" gap:density="hdpi"/>
<gap:splash src="files/splash/xhdpi.png" gap:platform="android" gap:density="xhdpi"/>
<gap:splash src="files/splash/320_480.png" gap:platform="ios" width="320" height="480"/>
<gap:splash src="files/splash/640_960.png" gap:platform="ios" width="640" height="960"/>
<gap:splash src="files/splash/768_1024.png" gap:platform="ios" width="768" height="1024"/>
<gap:splash src="files/splash/1024_768.png" gap:platform="ios" width="1024" height="768"/>

然后写一个index.html，就像下面这样：

<!DOCTYPE html>
<html>
  <head>
    <title>uu-club</title>
  </head>
  <body style="margin:0px;padding:0px">
  <iframe style="border:0;" width="100%" height="100%" src="http://tang5.41.3i60.cn/m/"></iframe>
  </body>
</html>

然后把这两个文件和icon.png文件放在同一个目录下

然后把这三个文件压缩成zip文件（注意是这三个文件，不是这三个文件所在的目录）
这个zip文件叫什么名字无所谓！
如下图所示：
然后到phonegap网站，注册一个用户，使用他们的云编译功能
在这里上传你的压缩包
 
你看到了，他可以编译成各种不同的移动平台的应用，点安卓的小图标，就能下载啦！
如果IOS的，你还要有开发者ID才性能。
 

5分钟开发一个简单的基于HTML5的移动应用的更多相关文章

  1. 30 分钟开发一个简单的 watchOS 2 app <oneVcat>

    Apple Watch 和 watchOS 第一代产品只允许用户在 iPhone 设备上进行计算,然后将结果传输到手表上进行显示.在这个框架下,手表充当的功能在很大程度上只是手机的另一块小一些的显示器 ...

  2. 如何开发一个简单的HTML5 Canvas 小游戏

    原文:How to make a simple HTML5 Canvas game 想要快速上手HTML5 Canvas小游戏开发?下面通过一个例子来进行手把手教学.(如果你怀疑我的资历, A Wiz ...

  3. 从零开始搭建一个简单的基于webpack的vue开发环境

    原文地址:https://segmentfault.com/a/1190000012789253?utm_source=tag-newest 从零开始搭建一个简单的基于webpack的react开发环 ...

  4. 通过Dapr实现一个简单的基于.net的微服务电商系统(十四)——开发环境容器调试小技巧

    之前有很多同学提到如何做容器调试,特别是k8s环境下的容器调试,今天就讲讲我是如何调试的.大家都知道在vs自带的创建项目模板里勾选docker即可通过F5启动docker容器调试.但是对于启动在k8s ...

  5. 通过Dapr实现一个简单的基于.net的微服务电商系统

    本来想在Dpar 1.0GA时发布这篇文章,由于其他事情耽搁了放到现在.时下微服务和云原生技术如何如荼,微软也不甘示弱的和阿里一起适时推出了Dapr(https://dapr.io/),园子里关于da ...

  6. 通过Dapr实现一个简单的基于.net的微服务电商系统(八)——一步一步教你如何撸Dapr之链路追踪

    Dapr提供了一些开箱即用的分布式链路追踪解决方案,今天我们来讲一讲如何通过dapr的configuration来实现非侵入式链路追踪的 目录:一.通过Dapr实现一个简单的基于.net的微服务电商系 ...

  7. 重新想象 Windows 8 Store Apps (64) - 后台任务: 开发一个简单的后台任务

    [源码下载] 重新想象 Windows 8 Store Apps (64) - 后台任务: 开发一个简单的后台任务 作者:webabcd 介绍重新想象 Windows 8 Store Apps 之 后 ...

  8. struts1:(Struts重构)构建一个简单的基于MVC模式的JavaWeb

    在构建一个简单的基于MVC模式的JavaWeb 中,我们使用了JSP+Servlet+JavaBean构建了一个基于MVC模式的简单登录系统,但在其小结中已经指出,这种模式下的Controller 和 ...

  9. 一个简单的基于 DirectShow 的播放器 1（封装类）

    DirectShow最主要的功能就是播放视频,在这里介绍一个简单的基于DirectShow的播放器的例子,是用MFC做的,今后有机会可以基于该播放器开发更复杂的播放器软件. 注:该例子取自于<D ...

随机推荐

  1. 面试简单整理之JVM

    194.说一下 jvm 的主要组成部分?及其作用? JVM内存分为“堆”.“栈”和“方法区”三个区域,分别用于存储不同的数据. 堆内存用于存储使用new关键字所创建的对象: 栈内存用于存储程序运行时在 ...

  2. 18. pt-pmp

    pt-pmp 是一个非常简单的工具,可以用来获取MySQL的堆栈信息.工具首先获取运行过程中的mysqld堆栈信息,然后将相似的线程进行汇总排序,根据调用频繁程度从高到低打印出来. 查看pt-pmp的 ...

  3. linux就该这么学，第十天了

    今天老师主要让要考试的提前预习课程了,提前预习, 今天讲了,防火墙,iptable.firewall-config,firewall-cmd   防火墙和网卡的配置方法,四种,1配置文件方法,主要开启 ...

  4. python2.x 到 python3.x 中“url”部分变化

    这部分是笔者在亲身项目中遇到的一些变化,并不全,后面将会更新. (1) urllib.urlopen    改为:   urllib.request.urlopen (2) urllib2   删除 ...

  5. 汇编语言计算Sin,Cos,Pow函数

    填了一下之前的坑.首先是一个题外话,在VS2015中默认汇编代码会使用SSE生成,如果想用FPU编译出FLD,FSTP这些指令,需要设置一下. 项目 >> 属性 >> C/C+ ...

  6. ASM的一些小坑

    变量必需放到数据段,才有直接对地址赋值的访问权限 segment .data n1 dw 55h segment .text global _nasm_function _nasm_function: ...

  7. HashSet源码

    public class HashSet<E> extends AbstractSet<E> implements Set<E>, Cloneable, java. ...

  8. Vuejs——（13）组件——杂项

    版权声明:出处http://blog.csdn.net/qq20004604   目录(?)[+]   本篇资料来于官方文档: http://cn.vuejs.org/guide/components ...

  9. Spring 使用xml配置aop

    1.xml文件需要引入aop命名空间 2.xml内容: <?xml version="1.0" encoding="UTF-8"?> <bea ...

  10. Linux pwn入门教程——格式化字符串漏洞

    本文作者:Tangerine@SAINTSEC 原文来自:https://bbs.ichunqiu.com/thread-42943-1-1.html 0×00 printf函数中的漏洞printf函 ...