zoukankan      html  css  js  c++  java
  • 5分钟开发一个简单的基于HTML5的移动应用

    首先写一个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才性能。
     
  • 相关阅读:
    洛谷 P1195 口袋的天空
    洛谷 P3144 [USACO16OPEN]关闭农场Closing the Farm_Silver
    Bzoj3277 串
    Bzoj1312 / POJ3155 Neerc2006 Hard Life
    Bzoj2655 calc
    51Nod 1228 序列求和
    洛谷P2901 [USACO08MAR]牛慢跑Cow Jogging
    Bzoj1042 [HAOI2008]硬币购物
    Bzoj3884 上帝与集合的正确用法
    Bzoj4161 Shlw loves matrixI
  • 原文地址:https://www.cnblogs.com/liulun/p/3505812.html
Copyright © 2011-2022 走看看