首先写一个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. C#实现局部峰值查找,功能对应Matlab中的findpeaks.m（转）

    相关算法的原理参考Ronny,地址:图像分析:投影曲线的波峰查找,这里感谢下原作者. 参照C++的代码实现,我用C#翻译了下,其实原理也很简单的,下面放相关实现代码: private double[] ...

  2. 无线网卡连接网络后共享给本地有线网卡使用（Win10）

    无线网卡连接网络后共享给本地有线网卡使用(Win10) 1. 本文主要目的是介绍地有线网卡共享无线网卡的Wifi信号,该应用场景如下: 当在只有wifi环境下,同时有两台电脑A和B,   A为笔记本: ...

  3. 学习Acegi应用到实际项目中（4）

    此节介绍:ConcurrentSessionFilter. 在Acegi 1.x版本中,控制并发HttpSession和Remember-Me认证服务不能够同时启用,它们之间存在冲突问题. 在一些应用 ...

  4. Azkaban使用安装文档

    Azkaban使用安装文档 Azkaban简介 Azkaban的是什么 Azkaban是由Linkedin公司推出的一个批量工作流任务调度器,用于在一个工作流内以一个特定的顺序运行一组工作和流程.Az ...

  5. Paper | 亚像素运动补偿 + 视频超分辨

    目录 1. ABSTRACT 2. INTRODUCTION 3. RELATED WORKS 4. SUB-PIXEL MOTION COMPENSATION (SPMC) 5. OUR METHO ...

  6. Http协议和Tomcat服务器

    Http协议和Tomcat服务器 什么是Http协议 HTTP,超文本传输协议(HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议. Http协议的组成 Ht ...

  7. EF6 学习笔记（二）：操练 CRUD 增删改查

    EF6学习笔记总目录 ASP.NET MVC5 及 EF6 学习笔记 - (目录整理) 接上篇: EF6 学习笔记(一):Code First 方式生成数据库及初始化数据库实际操作 本篇原文链接: I ...

  8. Spring AOP的实现及源码解析

    在介绍AOP之前,想必很多人都听说AOP是基于动态代理和反射来实现的,那么在看AOP之前,你需要弄懂什么是动态代理和反射及它们又是如何实现的. 想了解JDK的动态代理及反射的实现和源码分析,请参见下面 ...

  9. jzoj5929. 【NOIP2018模拟10.26】情书

    动态规划: #include<bits/stdc++.h> using namespace std; int n,iv[30]; #define mo 998244353 typedef ...

  10. 美团2018年CodeM大赛-初赛B轮 C题低位值

    试题链接:https://www.nowcoder.com/acm/contest/151/C 定义lowbit(x) =x&(-x),即2^(p-1) (其中p为x的二进制表示中,从右向左数 ...