MyEclipse + HTML5开发手机应用入门教程Word下载.docx

MyEclipse + HTML5开发手机应用入门教程Word下载.docx

《MyEclipse + HTML5开发手机应用入门教程Word下载.docx》由会员分享，可在线阅读，更多相关《MyEclipse + HTML5开发手机应用入门教程Word下载.docx（9页珍藏版）》请在冰豆网上搜索。

到MyEclipse官方网站下载最新版本的MyEclipse：

分为Windows版、Mac版和Linux版，请读者根据自己电脑的操作系统下载相应的版本。

如果你愿意，也可以到本人的XX云下载目前的最新版本MyEclipse2015版，其链接地址为：

2、下载和安装GoogleChrome浏览器

由于微软的IE对HTML5的支持不是很好，这里需要使用google的浏览器，因此，需要下载和安装GoogleChrome浏览器。

其官方下载地址为：

二、运行MyEclipse

运行MyEclipse，如下图所示。

三、创建MyEclipse应用项目

1、从菜单中选择File->

New->

Project，展开MyEclipse->

-MobileTools，然后选择HTML5MobileAppProject。

2、在ProjectName字段中输入“H5_test1”，接受默认TargetRuntime，然后点击Next。

3、选择“BasicTemplate”模板，点击“Next”。

4、选中iOS和Android平台复选框，点击“Finish”。

5、系统自动生成一个应用程序框架结构

四、设置首选项Preforences

菜单栏中“Windows”->

“Preforences”，选择左边“MyEclipse”->

“MoabileTools”->

“MobilsWebSimulator”项后，则在右边的“Chromeprogramlocation:

”栏目中，选择GoogleChrome浏览器的安装位置，如下图所示。

五、运行设置

在MyEclipse设计窗口的左边资源管理窗口中，右击应用项目名称“H5_Test1”，在弹出菜单中，选择“Runas”->

“RunConfiguration”项，打开运行设置对话框。

右击“MobileWebSimulator”项，新建“test1”项。

并选择模拟器运行Android或IOS。

如下图所示。

六、运行应用项目

点击“Run”，则在GoogleChrome浏览器的手机模拟器中显示应用项目的运行结果，如下图所示。