成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

PhoneGap開發不可或缺的五件裝備

移動開發
PhoneGap是一種介于WebApp和NativeApp之間的解決方案,它為每種移動客戶端提供一個Native的殼,這種殼里邊包著一個Web應用。借助于殼,Web應用可以被安裝,可以被發布到各大市場。同樣的,借助于殼和設備之間的通信,殼內的Web應用可以輕松調用設備硬件。雖然目前想用PhoneGap開發商業應用還有很多的坑要填,但其跨平臺和低學習成本的特性決定了未來它在移動互聯網領域必有一席之地。

1 輕量級的JQUERY兼容庫

JQuery已經成長的得非常強大了,但在移動設備上有些臃腫。如果你的應用只運行在WebKit內核的機器上,那么我強烈建議你換用移動版本的JQuery兼容庫。

ZeptoJQ.mobi都是專門為移動設備優化后的JQ兼容庫。

Zepto我不是特別熟悉,JQ.mobi我用得比較多,官方提供的數據稱,JQ.mobi比JQueryMobile快3倍以上。

相比于JQueryMobile悲催的定導航底導航固定功能,JQ.mobi也提供了自己的UI。雖然和JQM差不多丑,但不會出現萬惡的導航欄閃動問題。如果你自己不想構建UI框架,那么還是推薦用JQ.mobi的UI庫,換換配色和背景,也能看起來蠻專業的。

另外JQ.mobi還提供了一系列的插件,但是都沒有提供文檔 。里邊的scroll插件不如iScroll4給力,模板插件還可以用。這里講下用法。

要使用JQMobi的插件,只需要簡單的用script載入對應的文件就行。

JQ.Mobi的模板來自這里(這個鏈接要從源代碼中才能翻出來,藏那么好干嘛啊…)是一個使用%號進行標記的系統。

模板部分采用script標簽包含:

從上邊的例子中可以看到,這套模板可以輕松支持 if/for/else等語法;數組和對象也沒有什么問題,可以滿足絕大部分需求。

它采用$.tmpl函數將數據傳入模板,得到渲染后的html。需要注意的地方是傳數據時要以對象的方式來傳,同時為傳入的數據指定變量名。

2 滾動效果專家:ISCROLL4

雖然現在JQ.mobi已經解決了導航欄固定和滾動的問題,但是iScroll4依然是非常值得使用的。

在使用iScroll時有幾個需要注意的地方。

首先,iScroll采用css的top和bottom值固定了頂導航條和底導航條的高度,可以修改css來調整。

其次,iScroll是靜態的,就是說,它并沒有隨時查看scroll里邊的內容是否增加,這就要求我們在動態加入內容后,顯示調用scroll對象的refresh方法。

***,iScroll4能很好的實現iOS用得很多的下拉刷新效果,這個頁面上有完整的代碼。

3 現代瀏覽器:SAFARI/CHROME

在手機瀏覽器上調試之前,先在電腦瀏覽器上開發會快很多,建議用safari或者Chrome。這東西雖然大家都有,但有些細節還是潛藏很深的。

比如用Chrome調試的時候你可能會遇到跨域的問題,只要在啟動Chrome.exe時加上一個參數就可以了。

chrome.exe –disable-web-security

另外有些同學可能不知道,PhoneGap API頁面上的LocalStorage和Indexed DB 其實是Html5的標準接口,所以Chrome和Safari中的自帶的調試工具就能很好的管理。

打開Developer tools,選擇 Resources Tab頁就能看到數據庫,本地存儲等選項 。( 當初我找了好久Chrome的Sqlite管理插件…)

4 PHONEGAP實時調試工具:云窗調試器

[[67767]]

雖然有點夸張,但不少網友是用PhoneGap神器來形容它的。

本質上來講,云窗調試器就是一個支持PhoneGap Javascript接口的移動瀏覽器。

它和新浪SAE的云平臺緊密結合,需要用SAE賬號登錄,這樣當你在SAE上創建一個移動應用后,就能直接在云窗調試器的應用列表頁面看見。

點擊應用名稱后,就可以開始調試應用了。由于代碼放置在SAE平臺上,我一般用瀏覽器上的在線編輯器修改代碼,Ctrl+S后直接在手機上看效果。

一次變更兩秒看到最終結果,比起本地編譯,差不多一次能節省半分鐘的時間。

云窗調試器iOS版本支持iPhone和iPad,不過還沒發布到App Store,如果你的設備已經越獄,可以直接在設備的safari里 點這個鏈接進行安裝

5 在線打包工具:PHONEGAP:BUILD

作為一個跨平臺方案,PhoneGap也提供了一個云打包器,利用它我們可以不用安裝任何開發環境,直接將HTML打包成iOS,Android,Windows Phone,WebOS,塞班和黑莓6個手機系統的安裝包。

PhoneGap:Build 的使用很簡單,注冊一個PhoneGap賬號然后上傳代碼的Zip包就可以。當然,你也可以直接從git/svn取代碼。

需要注意的是PhoneGap:Build的打包是收費服務,對private app有個數限制(我暫時還沒遇到,不過看官方的說明是有限制的)。另外PhoneGap:Build上iOS的打包需要上傳證書,否則不能打包。

如果你只是需要打Apk包的話,也可以使用SAE提供的在線打包器,這個打包器是完全免費的。另據小道消息,iOS無證書打包器已經在調試中了,預計月底上線。

***提供一個懶人福利:文章中提到的東東打包下載

 

責任編輯:佚名 來源: ftqq.com
相關推薦

2019-08-05 10:00:13

LinuxBash命令

2021-11-30 05:51:46

React開發工具

2020-05-07 18:20:52

Git腳本Linux開源

2013-09-18 09:40:32

企業BYOD企業應用商店

2024-08-20 13:43:48

2011-06-02 09:18:49

iOS 5iOS蘋果

2024-07-30 11:57:53

2020-11-09 06:51:46

開源工具開源

2024-12-03 10:55:56

微服務架構注冊中心

2013-04-25 16:06:01

Windows PhoWindows Pho

2011-02-22 08:55:42

Chrome企業瀏覽器

2013-09-24 10:32:31

Android開發者工具

2017-03-27 17:53:45

Linux

2014-01-09 14:25:19

MacOS X工具

2015-05-07 13:38:15

2013-01-04 09:53:32

大數據技術大數據

2009-07-08 14:24:43

Java日志系統跟蹤調試

2023-05-04 12:37:24

2024-10-17 16:01:02

2022-03-29 10:03:12

IT領導者首席信息官
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: av日韩一区 | 精品日韩一区二区 | 国产日韩中文字幕 | 日韩网站在线观看 | 日本成人在线观看网站 | jlzzxxxx18hd护士 | 国产一级一级毛片 | 中文字幕在线观看一区 | 成人免费视频网站在线看 | 国产一区三区在线 | 国产成人jvid在线播放 | 亚洲一区二区三区在线视频 | 亚洲综合在线网 | 国产高清视频一区 | 91看片网| 国产免费a视频 | 国产一区二区三区在线 | 欧美综合一区二区三区 | 九九热这里 | a欧美| 亚洲专区在线 | 国产精品99 | 一区观看| 一区| www.日韩系列 | 国产日韩一区二区 | 一区在线观看视频 | 婷婷在线免费 | 午夜影视免费片在线观看 | www精品美女久久久tv | 少妇久久久 | 国产精品一区视频 | 美女露尿口视频 | 亚洲成人免费av | 亚洲一区二区综合 | 久久精品日产第一区二区三区 | 黑人精品欧美一区二区蜜桃 | 99精品国产一区二区三区 | 日韩欧美国产精品 | 成人在线中文字幕 | 欧美日韩在线一区 |