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才性能。
     
  • 相关阅读:
    单细胞测序 RNA velocity | RNA速率
    单细胞测序的应用
    Centos7.4升级到Centos7.7
    K8S部署Redis Cluster集群(三主三从模式)
    K8S部署Nacos集群
    K8S部署Kafka界面管理工具(kafkamanager)
    K8S部署Kafka集群
    K8S部署RocketMQ集群(双主双从+同步模式)
    Android Studio/IDEA Gradle wrapper/tools/plugins config errors
    Android API Level对应Android版本一览表
  • 原文地址:https://www.cnblogs.com/liulun/p/3505812.html
Copyright © 2011-2022 走看看