html移動(dòng)應(yīng)用開(kāi)發(fā)已上架appstore和安卓各大市場(chǎng)本地android項(xiàng)目創(chuàng)建在本地生成android項(xiàng)目需要安裝android sdk 使用phonegap run android命令的時(shí)候會(huì)檢測(cè)sdk 生成的platforms下的android項(xiàng)目直接導(dǎo)入 android開(kāi)發(fā)工具中就可以注意修改project文件里面的target=android-17 和自己的開(kāi)發(fā)環(huán)境匹配 修改成自己的項(xiàng)目1,、默認(rèn)生成的是com.phonegap ....helloword 類(lèi) 代碼很簡(jiǎn)單就一個(gè)入口 , 修改成自己想要的包名和類(lèi)型 同樣需要把AndroidManifest?.xml里面對(duì)應(yīng)的包路徑和類(lèi)名稱修改掉 2,、 AndroidManifest?里面的標(biāo)簽下activity 添加android:screenOrientation="portrait" 標(biāo)示只顯示豎屏 3,、android項(xiàng)目下的res資源目錄是為android打包用的里面需要自己添加自己的圖標(biāo) , 修改xml目錄下的config.xml <access origin="*"/> 默認(rèn)生成的是127.1.0.1/* 這個(gè)時(shí)候是禁止網(wǎng)絡(luò)鏈接的 http請(qǐng)求被禁掉了 改成*號(hào)就可以了 <preference name="loadUrlTimeoutValue" value="60000" /> 添加初始化加載的時(shí)候比較慢 延時(shí)報(bào)錯(cuò) 應(yīng)用的首頁(yè)盡量簡(jiǎn)單:最好不要有http有請(qǐng)求 http請(qǐng)求老是超時(shí)之后自己還要重連2次 可能造成加載慢 4,、values目錄下的strings.xml 可以修改應(yīng)用的名稱 -- 對(duì)應(yīng)著打包出來(lái)的apk 各市場(chǎng)讀出來(lái)的名稱 5,、統(tǒng)計(jì):咱們用的是友盟的統(tǒng)計(jì) 友盟文檔很清楚自己加就可以了 方便綜合統(tǒng)計(jì)自己的app下載量 網(wǎng)址:http://dev./ 6、使用友盟的自動(dòng)更新 框架選擇assets/目錄下的就是我們的html源代碼: 框架選擇:http://app-framework-software.intel.com/index.php 開(kāi)始使用的 appframework框架 詳情見(jiàn):http://gemantic./blog/1985621 juerymobi框架做些 內(nèi)容簡(jiǎn)單 列表不復(fù)雜的應(yīng)用 ,, 開(kāi)發(fā)效率高 自帶幾種不同風(fēng)格的樣式,,可以很快創(chuàng)建出不錯(cuò)的應(yīng)用。但是做帶有復(fù)雜的帶圖表列表 的應(yīng)用,,滾動(dòng)條滾動(dòng)不流暢,,數(shù)據(jù)量越大滾動(dòng)效果越不好 為了解決滾動(dòng)的問(wèn)題:使用了iscroll框架處理滾動(dòng) + appframework.js(底層是和ui分開(kāi)的,這里我們只使用底層的js就是簡(jiǎn)化版的juery mobile功能)處理交互 http:///iscroll-4 1、iscroll 滾動(dòng)效果不錯(cuò) ,, 帶有下拉,、上拉刷新的功能 2、iscroll 存在兼容問(wèn)題 ,, 在三星手機(jī)上滾動(dòng)條滾動(dòng)失效,,useTransition: false 禁用滾動(dòng)動(dòng)畫(huà)之后 效果還可以接受 3、iscroll 在iphone上的效果比android上的效果好 使用方法 : http://hi.baidu.com/alimyself/item/5844d68a8e92fc57840fab8a 常見(jiàn)問(wèn)題 : http://blog./uid-25820084-id-3524194.html cordova插件使用http://www.oschina.net/news/42430/phonegap-3-0-released 插件介紹 獲取本地相冊(cè),、判斷網(wǎng)絡(luò)連接等等都需要額外的插件 下載安裝 git 客戶端 打開(kāi)Git Bash窗口 通過(guò)命令定位到自己的項(xiàng)目 執(zhí)行相應(yīng)的命令 就可以把插件下載下來(lái) 詳情參照:http://docs./en/3.1.0/index.html 下載自己需要功能的插件 參照文檔進(jìn)行配置即可 咱們項(xiàng)目目前沒(méi)有用到插件; 引入cordova.js的功能是處理android系統(tǒng)鍵返回和到主頁(yè)后退出應(yīng)用 如果用不到可以不引入js document.addEventListener("backbutton", onBackKeyDown, false); 偵聽(tīng)系統(tǒng)返回鍵處理后退 navigator.app.exitApp();退出app應(yīng)用 開(kāi)發(fā)html網(wǎng)頁(yè)常見(jiàn)處理1,、 window.localStorage 處理本地緩存 鍵值和value 默認(rèn)會(huì)把賦值的value 轉(zhuǎn)化成字符串 ,不支持?jǐn)?shù)組 等復(fù)雜數(shù)據(jù)類(lèi)型 使用詳解:http://www.cnblogs.com/xiaowei0705/archive/2011/04/19/2021372.html 2,、處理交互盡量使用 touchstart 事件 而不要用網(wǎng)頁(yè)原本的 click事件 click觸發(fā)有點(diǎn)遲鈍 android上表現(xiàn)比較明顯 反應(yīng)不靈敏 3,、 window.screen.height和window.screen.width可以拿到屏幕的寬高 處理不同屏幕大小的時(shí)候顯示內(nèi)容多少 4、網(wǎng)頁(yè)之間的跳轉(zhuǎn)直接使用window.location="xx.html" ,,本地相對(duì)路徑 有參數(shù)傳遞直接同網(wǎng)頁(yè)開(kāi)發(fā)拼接鏈接就行 5,、解析當(dāng)前網(wǎng)頁(yè)鏈接包含的參數(shù)的時(shí)候 需要用decodeURI(url)轉(zhuǎn)一下 否則參數(shù)中含有的中文會(huì)解析成亂碼 6、$.ajax({})數(shù)據(jù)請(qǐng)求中 參數(shù)async:設(shè)為true表示異步 false同步的時(shí)候屏幕會(huì)鎖死 用戶體驗(yàn)會(huì)很差 7,、iscroll 控制兩部分內(nèi)容顯示隱藏的時(shí)候 切換需要調(diào)用下myScroll.scrollTo(0,0); 否則會(huì)停留在上個(gè)頁(yè)面的滾動(dòng)位置 8,、iphone手機(jī)反應(yīng)比較靈敏 用taouchstart處理后退會(huì)造成連續(xù)響應(yīng)后退 單獨(dú)改成了click觸發(fā) phonegap build打包創(chuàng)建賬號(hào) 每個(gè)免費(fèi)賬號(hào)只能上傳一個(gè)項(xiàng)目 可以重復(fù)上傳 配置 html目錄里面的res和config.xml:
|
|