5分鐘開發一個簡單的基於HTML5的移動應用

時間 2019-11-18

標籤 5分開發一個簡單基於 html5 html 移動應用欄目 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">

悠遊旅遊網

</description>

uuclub

</author>

</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>

</head>

</body>

</html>

而後把這兩個文件和icon.png文件放在同一個目錄下

而後把這三個文件壓縮成zip文件（注意是這三個文件，不是這三個文件所在的目錄）

這個zip文件叫什麼名字無所謂！

以下圖所示：

而後到phonegap網站，註冊一個用戶，使用他們的雲編譯功能

在這裏上傳你的壓縮包

你看到了，他能夠編譯成各類不一樣的移動平臺的應用，點安卓的小圖標，就能下載啦！

若是IOS的，你還要有開發者ID才性能。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。