原創(chuàng)|使用教程|編輯:我只采一朵|2016-07-27 11:33:49.000|閱讀 479 次
概述:本教程教你如何將JQuery Mobile項(xiàng)目導(dǎo)入MyEclipse。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
【企業(yè)專享】企業(yè)級(jí)IDE MyEclipse購(gòu)多套多年授權(quán)低至6.5折!活動(dòng)詳情>>
【個(gè)人專享】MyEclipse全場(chǎng)促銷!暑“價(jià)”購(gòu)?fù)纯欤?gt;>
用其他工具做的JQuery Mobile應(yīng)用程序也可以導(dǎo)入MyEclipse中繼續(xù)使用。本教程講解:
花費(fèi)時(shí)間:20-30分鐘
還沒(méi)有MyEclipse?
注意:本教程提及的功能適用MyEclipse 2015及以上的版本。
1.在Dashboard上,單擊Create a PhoneGap Application Project :
2.給項(xiàng)目取一個(gè)名字:
3.在項(xiàng)目目錄結(jié)構(gòu)中將index.html文件重命名為index1.html,將初始的布局版本保留以備不時(shí)之需。
4.右鍵單擊www文件,選擇Import。
有三種方式:
選擇一種導(dǎo)入方式:
選擇要導(dǎo)入的文件:
導(dǎo)入后雙擊index.html 文件在 Visual Designer 中查看編輯代碼。
1.雙擊 index.html文件
2.單擊編輯器窗口底部的Preview標(biāo)簽查看設(shè)計(jì)效果:
將 PhoneGap javascript reference 添加到 index.html文件:
<script type="text/javascript" src="phonegap.js"></script>
1.右鍵單擊項(xiàng)目主菜單,選擇PhoneGap>Preview Application in Mobile Web Simulator:
2.選擇要測(cè)試的平臺(tái):
3.開(kāi)始測(cè)試:
【企業(yè)專享】企業(yè)級(jí)IDE MyEclipse購(gòu)多套多年授權(quán)低至6.5折!活動(dòng)詳情>>
【個(gè)人專享】MyEclipse全場(chǎng)促銷!暑“價(jià)”購(gòu)?fù)纯欤?gt;>
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn