MyEclipse创建HTML5移动应用程序全过程
来源:互联网 发布:淘宝小号赚钱 编辑:程序博客网 时间:2024/06/03 10:50
转自:http://jingyan.baidu.com/article/7c6fb4284b1a0180642c90fc.html
本文主要介绍如何利用MyEclipse移动开发工具创建HTML5移动应用程序以及如何在一个移动网络模拟器中测试应用程序。
工具/原料
MyEclipse 2013
方法/步骤
本文主要介绍如何利用MyEclipse移动开发工具创建HTML5移动应用程序以及如何在一个移动网络模拟器中测试应用程序。
首先安装最新的MyEclipse 2013
创建HTML5移动应用程序项目
1、从菜单中选择File>New>Project,展开MyEclipse>Mobile Tools,然后选择HTML5 Mobile App Project。
2、在Project Name字段中输入mobileProject,选中iOS和Android平台复选框,接受默认Target Runtime,然后点击Next
3、选择jQuery Mobile模板和Multi-Page Application模板,点击Next。
4、点击Theme标签,从下拉列表中选择Black模板,点击Finish。
完成该向导后为iOS和Android应用程序创建和配置项目。下图显示了新项目的结构:
为现有项目添加App
一个移动应用程序项目可以包含多个应用程序。例如,一个项目可以包含Android和iOS平台的应用程序,还可以包含针对特定设备的应用程序。下面的步骤具体描述了如何将一个应用程序添加到现有的应用程序中。
1、右键点击项目,从菜单中选择New>Other。
2、展开MyEclipse>Mobile Tools,选择HTML5移动应用程序,点击Next。
3、在App Name字段中输入iPadApp,然后选择iOS 平台,点击Finish。新的应用程序被添加到应用程序文件夹中。
在移动网络模拟器中测试应用程序
1、右键点击Mobile App项目,选择Run As>Mobile Web Simulator Application。
2、选择mobileProject后,点击OK。
3、测试应用程序的用户界面和功能。打开定位和缩放面板放大或在纵向和横向之间切换。使用鼠标滚轮滚动设备的屏幕。单击配置按钮来更改模拟器中所显示的装置。
参考资料
- MyEclipse创建HTML5移动应用程序全过程
- 移动端HTML5应用程序调试
- 创建移动Web应用程序
- 创建移动Web应用程序
- 创建移动Web应用程序
- PCWorld:HTML5会终结移动应用程序吗?
- HTML5移动Web应用程序的JavaScript 框架
- HTML5移动Web应用程序的JavaScript 框架
- 移动Web应用程序开发 HTML5基础
- 为什么HTML5移动应用程序名声不好?
- 移动Web应用程序开发 HTML5篇 (一) HTML5简介
- 移动Web应用程序开发 HTML5篇 (一) HTML5简介
- MyEclipse创建自定义HTML5,JSP模板
- html5之创建离线Web应用程序
- 利用MyEclipse创建一个applet小应用程序
- AngularJS创建应用- HTML5 移动框架
- SQL Server Compact Edition创建移动应用程序
- 《InfoQ访谈:用HTML5开发移动Web应用程序》阅读笔记
- 第七节cocos2dx的架构揣测
- python tab键自动补全
- C++构造函数
- ring3 char 字符数组 传入ring0后 转化为UNICODE_STRING处理
- 深入理解软件构建系统原理与最佳实践阅读笔记
- MyEclipse创建HTML5移动应用程序全过程
- if分支语句优化
- 兄弟连php视频网址
- x86汇编指令详解
- Error creating bean with name 'bookBizImpl' defined in class path resource [applicationContext.xml]
- Java编程(位运算符)
- 第一个oracle存储过程
- 约瑟夫问题(Josephus problem)2:某人何时出列
- cadence笔记