當前位置:編程學習大全網 - 熱門推薦 - 如何用phonegap打包基於ios的webapp

如何用phonegap打包基於ios的webapp

對於Android, Sencha的phonegap也是基於此方法對網頁程序進行打包的,下載phonegap後,其主要包括二個文件:

1、phonegap.0.9.4.jar

此jar文件中包含了類DroidGap,其對Activity及WebView進行了適當的封裝,可以讓用戶更方便地進行打包。

更主要的功能是能實現的多個Webkit的plugin, 通過這些plugin可以在javascript中直接調用android的壹些系統功能,比如得到設備的信息如屏幕大小,系統版本號等,還有打電話,發送短信,寫本地文件等壹系列功能。

2、phonegap.0.9.4.js

此js文件作了更高層次的封裝,以便於在javascript中更方便地調用所增加的plugin的功能。比如在js中直接調用:

navigator.notification.vibrate(0)可以直接讓手機進行振動

而navigator.notification.beep(2)可以讓手機Beep二聲

以下嘗試壹個最簡單的例子(也可以參見phonegap中自帶的壹個例子):

(1)java源代碼文件: Sample.java

package?com.phonegap.Sample; ?import?android.app.Activity; ?import?android.os.Bundle; ?import?com.phonegap.*; ?public?class?Sample?extends?DroidGap ?{ ?@Override ?public?void?onCreate(Bundle?savedInstanceState) ?{ ?super.onCreate(savedInstanceState); ?super.loadUrl("file:///android_asset/www/index.html"); ?} ?}

(2)網頁代碼: index.html

<!DOCTYPE?html>?<html>?<head>?<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <script?type="text/javascript"?charset="utf-8"?src="phonegap.0.9.4.js"></script>?<title>Test</title>?</head>?<body>?<a?href="javascript:navigator.notification.alert('hello');">click?me</a>?</body>?</html>

把此文件放置在工程的assets/www/目錄下,如果網頁代碼中包含了其它的目錄,則壹並放置在這壹目錄下。

(3)在工程中加入庫phonegap.0.9.4.jar的引用

編譯運行並點擊頁面中click me鏈接時,可以見到以下畫面:

  • 上一篇:公司最近讓我們做seo,想問下這個seo到底是做什麽的,要怎麽做
  • 下一篇:夢見紙人
  • copyright 2024編程學習大全網