首先写一个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. Java 日志体系

    Java 日志体系 <java 日志和 SLF4J 随想>:http://ifeve.com/java-slf4j-think/ 一.常用的日志组件 名称 jar 描述 log4j log ...

  2. web版ssh的使用

    一.web_ssh版本安装使用 web_ssh源码:https://github.com/shellinabox/shellinabox 1)安装依赖包 yum install git openssl ...

  3. Java并发编程73道面试题及答案

    原文出处:https://blog.csdn.net/qq_34039315/article/details/7854931 1.在java中守护线程和本地线程区别? java中的线程分为两种:守护线 ...

  4. python伪装浏览器

    def get_content(url): req_header = {'User-Agent':'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/53 ...

  5. 搭建repo服务器和上传源码

    https://blog.csdn.net/qq_28449863/article/details/79992191 https://blog.csdn.net/qq_28449863/article ...

  6. 让用户输入一个日期字符串，将其转换成日期格式， 格式是（yyyy/MM/dd,yyyyMMdd,yyyy-MM-dd）中的一种， 任何一种转换成功都可以； 如果所有的都无法转换，输出日期格式非法。

    第三种方法 while(true) {             Date d;        System.out.println("正在进行第一次匹配,请稍后~—~");     ...

  7. SDWebImage之SDWebImageDownloader

    SDWebImageDownloader完成了对网络图片的异步下载工作,准确说这个类是一个文件下载的工具类,真正的网络请求是在继承于NSOperation的SDWebImageDownloaderOp ...

  8. 利用ArcGIS-Server瓦片制作离线地图包(*.tpk)_详细流程

    1.写在前面 本人是综合了好几个资料才最终制作成功,在这个过程中发现网上好多博客写的步骤不是很详细,因此就把自己的详细制作步骤全部分享出来,可以供需要的小伙伴参考. (1)本文档不讨论tpk文件的详细 ...

  9. 三种定义bean的方式

    方法一:基于XML的bean定义(需要提供setter方法) 1.首先编写student.java和teacher.java两个类 Student.java: public class Student ...

  10. 736. Parse Lisp Expression

    You are given a string expression representing a Lisp-like expression to return the integer value of ...