2. 程式人生 > >將HTML5封裝成android應用APK 檔案若干方法

將HTML5封裝成android應用APK 檔案若干方法

阿新 • • 發佈：2018-11-13

這裡寫自定義目錄標題

最近要將手機版的網站封裝到apk中，找到了這篇文章，參考下： 

 

作為下一代的網頁語言，HTML5擁有很多讓人期待已久的新特性。Html5的優勢之一在於能夠實現跨平臺遊戲編碼移植，現在已經有很多公司在移動裝置上使用HTML5技術。隨著HTML5跨平臺支援的不斷增強和智慧手機的迅速普，HTML5技術有著非常好的發展前景，甚至有人預言HTML5將引燃移動平臺遊戲開發技術的新革命。
 
  

越來越多的開發者熱衷於使用html5+JavaScript

開發移動Web App。不過，HTML5 Web APP的出現能否在未來取代移動應用，就目前來說，還是個未知數。一方面，使用者在使用習慣上，不喜歡在瀏覽器上輸入複雜的網址；另一方面，Html5 Web App 存放在伺服器端，在每次使用時需要進行資料傳遞，會造成流量浪費。有些開發者不想接觸複雜的Java程式碼，那麼，有什麼辦法，既可以使用HTMl5開發應用，又可以將其簡單封裝成APK檔案呢？
 
一、Android SDK中的WebView
 
1.在要Activity中例項化WebView元件：WebView webView = new WebView(this);
2.呼叫WebView的loadUrl()方法，設定WevView要顯示的網頁：
  網際網路用：webView.loadUrl("http://www.31358.com");
  本地檔案用：webView.loadUrl("file:///android_asset/XX.html"); 本地檔案存放在：assets 檔案中
3.呼叫Activity的setContentView( )方法來顯示網頁檢視
4.用WebView點連結看了很多頁以後為了讓WebView支援回退功能，需要覆蓋覆蓋Activity類的onKeyDown()方法，如果不做任何處理，點選系統回退剪鍵，整個瀏覽器會呼叫finish()而結束自身，而不是回退到上一頁面
5.需要在AndroidManifest.xml檔案中新增許可權，否則會出現Web page not available錯誤。
 
  <uses-permission android:name="android.permission.INTERNET" />
 
缺點：如果是載入的是普通網頁，沒有什麼問題，但如果是html5,封裝後，在android2.3以上才能正常訪問，android2.2及以下，SDK中的WebView還沒完全支援HTML5
 
下面是具體例子：
MainActivity.java
 
package com.android.webview.activity; 
import android.app.Activity; 
import android.os.Bundle; 
import android.view.KeyEvent; 
import android.webkit.WebView; 
public class MainActivity extends Activity { 
    private WebView webview; 
    @Override
    public void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        //例項化WebView物件 
        webview = new WebView(this); 
        //設定WebView屬性，能夠執行Javascript指令碼 
        webview.getSettings().setJavaScriptEnabled(true); 
        //載入需要顯示的網頁 
        webview.loadUrl("http://www.31358.cn/"); 
        //設定Web檢視 
        setContentView(webview); 
    } 
    @Override
    //設定回退 
    //覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法 
    public boolean onKeyDown(int keyCode, KeyEvent event) { 
        if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) { 
            webview.goBack(); //goBack()表示返回WebView的上一頁面 
            return true; 
        } 
        return false; 
}
 
在AndroidManifest.xml檔案中新增許可權
 
 
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.android.webview.activity"
      android:versionCode="1"
      android:versionName="1.0">
    <uses-sdk android:minSdkVersion="10" />
    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".MainActivity"
                  android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
    <uses-permission android:name="android.permission.INTERNET"/>
</manifest>
 
二、使用PhoneGap
 
    PhoneGap是一個用基於HTML，CSS和JavaScript的，建立移動跨平臺移動應用程式的快速開發平臺。它使開發者能夠利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智慧手機的核心功能——包括地理定位，加速器，聯絡人，聲音和振動等，此外PhoneGap擁有豐富的外掛，可以以此擴充套件無限的功能。PhoneGap是免費的，但是它需要特定平臺提供的附加軟體，例如iPhone的iPhone SDK，Android的Android SDK等，
 
詳細方法請見：http://phonegap.com/start#android
 
優點：在Eclipse中加入SDK，
程式設計自由，完美適應不同裝置螢幕大小，適合高手使用。
 
缺點：沒有使用佈局，直接載入網頁，不能新增廣告。
 
三、使用Rexsee線上生成
 
    Rexsee是開源的Android開發平臺，支援開發者以標準化Web開發模式，使用HTML5、CSS3、Javascript快速實現移動應用。會HTML就會Android。你要做的只是將做好的HTML5 應用上傳到Rexsee伺服器，很快，會編譯成標準的APK安裝檔案。
 
網站：http://www.rexsee.com
 
優點：一鍵生成，適學普通人使用
 
缺點：直接封裝，無法新增廣告。
 
四、appMobi Html5 XDK 線上生成（使用了PhoneGap外掛）
 
http://www.appmobi.com/


<script type="text/javascript"><!-- google_ad_client = "ca-pub-1944176156128447"; /* cnblogs 首頁橫幅 */ google_ad_slot = "5419468456"; google_ad_width = 728; google_ad_height = 90; //--></script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script> # 歡迎使用Markdown編輯器

你好！ 這是你第一次使用 Markdown編輯器 所展示的歡迎頁。如果你想學習如何使用Markdown編輯器, 可以仔細閱讀這篇文章，瞭解一下Markdown的基本語法知識。

新的改變

我們對Markdown編輯器進行了一些功能拓展與語法支援，除了標準的Markdown編輯器功能，我們增加了如下幾點新功能，幫助你用它寫部落格：

  1. 全新的介面設計 ，將會帶來全新的寫作體驗；
  2. 在創作中心設定你喜愛的程式碼高亮樣式，Markdown 將程式碼片顯示選擇的高亮樣式 進行展示；
  3. 增加了 圖片拖拽 功能，你可以將本地的圖片直接拖拽到編輯區域直接展示；
  4. 全新的 KaTeX數學公式 語法；
  5. 增加了支援甘特圖的mermaid語法1 功能；
  6. 增加了 多螢幕編輯 Markdown文章功能；
  7. 增加了 焦點寫作模式、預覽模式、簡潔寫作模式、左右區域同步滾輪設定 等功能，功能按鈕位於編輯區域與預覽區域中間；
  8. 增加了 檢查列表 功能。

功能快捷鍵

撤銷：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜體：Ctrl/Command + I
標題：Ctrl/Command + Shift + H
無序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
檢查列表：Ctrl/Command + Shift + C
插入程式碼：Ctrl/Command + Shift + K
插入連結：Ctrl/Command + Shift + L
插入圖片：Ctrl/Command + Shift + G

合理的建立標題，有助於目錄的生成

直接輸入1次#，並按下space後，將生成1級標題。
輸入2次#，並按下space後，將生成2級標題。
以此類推，我們支援6級標題。有助於使用TOC語法後生成一個完美的目錄。

如何改變文字的樣式

強調文字 強調文字

加粗文字 加粗文字

標記文字

刪除文字

引用文字

H2O is是液體。

210 運算結果是 1024.

插入連結與圖片

連結: link.

圖片: Alt

帶尺寸的圖片: Alt

當然，我們為了讓使用者更加便捷，我們增加了圖片拖拽功能。

如何插入一段漂亮的程式碼片

去部落格設定頁面，選擇一款你喜歡的程式碼片高亮樣式，下面展示同樣高亮的 程式碼片.

// An highlighted block
var foo = 'bar';

生成一個適合你的列表

  • 專案
    • 專案
      • 專案
  1. 專案1
  2. 專案2
  3. 專案3
  • 計劃任務
  • 完成任務

建立一個表格

一個簡單的表格是這麼建立的：

專案 Value
電腦 $1600
手機 $12
導管 $1

設定內容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列 第二列 第三列
第一列文字居中 第二列文字居右 第三列文字居左

SmartyPants

SmartyPants將ASCII標點字元轉換為“智慧”印刷標點HTML實體。例如：

TYPE ASCII HTML
Single backticks 'Isn't this fun?' ‘Isn’t this fun?’
Quotes "Isn't this fun?" “Isn’t this fun?”
Dashes -- is en-dash, --- is em-dash – is en-dash, — is em-dash

建立一個自定義列表

Markdown
Text-to- HTML conversion tool
Authors
John
Luke

如何建立一個註腳

一個具有註腳的文字。2

註釋也是必不可少的

Markdown將文字轉換為 HTML。

KaTeX數學公式

您可以使用渲染LaTeX數學表示式 KaTeX:

Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N 是通過尤拉積分

Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t &ThinSpace; . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.

你可以找到更多關於的資訊 LaTeX 數學表示式here.

新的甘特圖功能，豐富你的文章

  • 關於 甘特圖 語法，參考 這兒,

UML 圖表

可以使用UML圖表進行渲染。 Mermaid. 例如下面產生的一個序列圖：:

這將產生一個流程圖。:

  • 關於 Mermaid 語法，參考 這兒,

FLowchart流程圖

我們依舊會支援flowchart的流程圖：

  • 關於 Flowchart流程圖 語法，參考 這兒.

匯出與匯入

匯出

如果你想嘗試使用此編輯器, 你可以在此篇文章任意編輯。當你完成了一篇文章的寫作, 在上方工具欄找到 文章匯出 ，生成一個.md檔案或者.html檔案進行本地儲存。

匯入

如果你想載入一篇你寫過的.md檔案或者.html檔案，在上方工具欄可以選擇匯入功能進行對應副檔名的檔案匯入，
繼續你的創作。

  1. mermaid語法說明 ↩︎

  2. 註腳的解釋 ↩︎

相關推薦

【轉】將HTML5封裝成android應用APK 檔案若干方法

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

將HTML5封裝成android應用APK 檔案若干方法

這裡寫自定義目錄標題 新的改變 功能快捷鍵 合理的建立標題，有助於目錄的生成 如何改變文字的樣式 插入連結與圖片 如何插入一段漂亮的程式碼片 生成一個適合你的列表 建立一個表格 設定內

html5 如何打包成apk，將H5封裝成android應用APK檔案的幾種方法

直接使用程式設計軟體提供的方法： 1、需要下載安裝MyEclipse2014，Android SDK，eclipse(需配置Android開發環境) Java和Android環境安裝與配置。 2、開啟MyEclipse2014，新建一個HTML5 Mobile Ap

將HTML5封裝成android應用APK文件的幾種方法

android作為下一代的網頁語言，HTML5擁有很多讓人期待已久的新特性。HTML5的優勢之一在於能夠實現跨平臺遊戲編碼移植，現在已經有很多公司在移動 設備上使用HTML5技術。隨著HTML5跨平臺支持的不斷增強和智能手機的迅速普，HTML5技術有著非常好的發展前景，甚至有人預言HTML5將引燃 移動平臺遊

Android 將HTML5封裝成android應用APK文件的幾種方法

顯示 import 網站 結束 name 很快 idm log 詳細 越來越多的開發者熱衷於使用html5+JavaScript開發移動Web App。不過，HTML5 Web APP的出現能否在未來取代移動應用，就目前來說，還是個未知數。一方面，用戶在使用習慣上，不喜歡在

html5 如何打包成apk，將H5封裝成android應用APK文件的幾種方法

pro 高手 closed 免費 lan 快速 沒有 能夠 keycode 直接使用編程軟件提供的方法： 1、需要下載安裝MyEclipse2014，Android SDK，eclipse(需配置Android開發環境) Java和Android環境安裝與配置。 2、打開M

讓網頁裝進Android手機（將html+css+js打包成Android應用）（簡單的）

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

002-【最簡單】Electron 怎麼將網頁打包成桌面應用（web前端頁面怎麼生成exe可執行檔案）

在 HTML5的崛起、JavaScript要一統天下之際，有一個名為【跨平臺】的技術越來越火。為什麼會這麼火？因為軟體開發者

【最簡單】Electron 怎麼將網頁打包成桌面應用（web前端頁面怎麼生成exe可執行檔案）

在 HTML5的崛起、JavaScript要一統天下之際，有一個名為【跨平臺】的技術越來越火。為什麼會這麼火？因為軟體開發者只需一次編寫程式，即可在 Windows、Linux、Mac、IOS、

將Python3.2指令碼封裝成exe可執行檔案

setup.py # # 文 件 名：setup.py # 功能描述：cx_freeze封裝Python指令碼的配置檔案 # # 作者：Renzo    日期：2012/01/01 # # 版權：可以使用、傳播，但請保留出處；如需修改，請告知作者。 # from cx_Freeze import setup

android獲取APK檔案，及應用內部簽名信息方法

1.獲取APK的簽名信息 private String showUninstallAPKSignatures(String apkPath) { String PATH_PackageParser = "android.content.pm.PackageParser";

Windows下將Python源代碼.py文件封裝成exe可執行文件方法

同時 win www http windows pos 相關 log www. 安裝pyinstaller cmd中使用pip安裝 pip install pyinstaller 同時會自動安裝pywin32(pip真慢50M這裏就走20KB)，可以進行

Android逆向 APK檔案組成

  一 瞭解APK檔案 　　我們知道Android系統能執行的程式是.apk檔案格式，其實它就是一個壓縮包而已，把.apk修改成.zip，然後解壓就可以得到該apk內部的檔案結構。 PS: 既然可以把apk檔案改成zip解壓，能不能再把這些檔案壓縮成zip格式，再修改成apk檔案安裝到手機裡呢

Electron 將網頁打包成桌面應用（web頁面生成exe）

在 HTML5的崛起、JavaScript要一統天下之際，有一個名為【跨平臺】的技術越來越火。為什麼會這麼火？因為軟體開發者只需一次編寫程式，即可在 Windows、Linux、Mac、iOS、Android 等平臺執行，大大降低了程式設計師的工作量，也使公司的產

android應用apk升級更新

一、前言 這段時間獨立完成了一個專案，想把一些常用知識點記錄下來，如有不足之處還請指點。望共勉之。好啦，廢話不多說直接進入正題，直接上程式碼，效果圖我就不上了，程式碼是小編親測有效，大家放心好啦。 1.首先進行本地版本與伺服器版本對比，這都是老套路啦（^_^） HttpHelper.ob

lunix下如何生成容器以及將容器打包成新的映象檔案

首先關於docker的一些基本操作，比如你想獲得一個新的Ubuntu系統，很簡單，Docker中得pull命令是用來獲取映象的，執行下面的命令，就會從官方倉庫裡獲取Ubuntu 14.04版本的系統: sudo docker pull ubuntu:14.04如果想檢視本

Electron 將網頁打包成桌面應用

1.初始化node專案，生成package.json檔案  1 npm init  2.安裝electron，並儲存為開發依賴項  1 npm install electron -D  3.根目錄下新建index.js檔案 const {app, Bro

趨勢科技在Google Play上發現間諜軟體偽裝成Android應用程式

受影響使用者數最多的熱門國家/地區 趨勢科技特別引用了Google Play上的六個應用程式，包括Flappy Birr Dog和Flappy Bird等遊戲，一個手電筒應用程式和幾個模擬器應用程式。然後谷歌從Play商店中刪除了85個帶有MobSTSPY的Android應用程式，下載量超過900萬。特

angular.js將ztree封裝成元件使用

專案用的angular.js的框架，最近要做組織結構樹的展示，決定使用ztree外掛，下面是步驟1，下載方式①，可以再官網下載 http://www.treejs.cn/v3/api.php②，也可以使用npm的包管理工具下載  npm install ztree --sav

前臺頁面查詢引數多的話,建議將其封裝成querybean傳到DAO層,在DAO層構建SQL語句:例子

  public List<UserFormBean> getAllUserInfo(UserFormBean userFormBean)  {   StringBuffer sql = new StringBuffer("select USERID,USERN