世俱杯 2025

MyEclipse中文教程十三：导入jQuery Mobile项目

原创|使用教程|编辑：我只采一朵|2016-07-27 11:33:49.000|阅读 427 次

概述：本教程教你如何将JQuery Mobile项目导入MyEclipse。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

相关链接：

【企业专享】企业级IDE MyEclipse购多套多年授权低至6.5折！活动详情>>

【个人专享】MyEclipse全场促销！暑“价”购痛快！>>

用其他工具做的JQuery Mobile应用程序也可以导入MyEclipse中继续使用。本教程讲解：

  • 为 JQuery Mobile app 创建一个PhoneGap项目
  • 如何使用 Import dialog
  • 预览设计
  • 测试Mobile Web Simulator

花费时间：20-30分钟

还没有MyEclipse？

注意：本教程提及的功能适用MyEclipse 2015及以上的版本。

一、创建PhoneGap项目

1.在Dashboard上，单击Create a PhoneGap Application Project ：

MyEclipse2016.1 Create a PhoneGap Application Project

2.给项目取一个名字：

MyEclipse2016.1 Create a PhoneGap Application Project

3.在项目目录结构中将index.html文件重命名为index1.html，将初始的布局版本保留以备不时之需。

4.右键单击www文件，选择Import。

二、导入项目

有三种方式：

  • 压缩文件
  • Existing Projects into Workspace
  • File System - 用 File System method导入完整项目

选择一种导入方式：

MyEclipse 2016 PhoneGap项目

选择要导入的文件：

MyEclipse 2016 PhoneGap项目

导入后双击index.html 文件在 Visual Designer 中查看编辑代码。

MyEclipse 2016 PhoneGap项目

三、预览设计，添加PhoneGap.js Reference

1.双击 index.html文件

2.单击编辑器窗口底部的Preview标签查看设计效果：

PhoneGap.js Reference

将 PhoneGap javascript reference 添加到 index.html文件：

<script type="text/javascript" src="phonegap.js"></script>

四、测试Mobile Web Simulator

1.右键单击项目主菜单，选择PhoneGap>;Preview Application in Mobile Web Simulator：

测试Mobile Web Simulator

2.选择要测试的平台：

测试Mobile Web Simulator

3.开始测试：

测试Mobile Web Simulator

【企业专享】企业级IDE MyEclipse购多套多年授权低至6.5折！活动详情>>

【个人专享】MyEclipse全场促销！暑“价”购痛快！>>


标签：JavaScript JavaMyEclipsePhoneGap

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@dpuzeg.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP