MyEclipse + HTML5开发手机应用入门教程.doc

MyEclipse + HTML5开发手机应用入门教程 一、下载和安装MyEclipse 1、下载最新版本MyEclipse 到MyEclipse官方网站下载最新版本的MyEclipse：/ 分为Windows版Mac版Linux版/s/1sjmEFjn。 2、下载和安装Google Chrome浏览器 由于微软的IE对HTML5的支持不是很好，这里需要使用google的 浏览器，因此，需要下载和安装Google Chrome浏览器。其官方下载地址为：/。 二、运行MyEclipse 运行MyEclipse，如下图所示。 三、创建MyEclipse应用项目 1、从菜单中选择File New - Project，展开MyEclipse-Mobile Tools，然后选择HTML5 Mobile App Project。 2、在Project Name字段中输入，接受默认Target Runtime，然后点击Next- “Preforences”，选择左边“MyEclipse” - “Moabile Tools” - “Mobils Web Simulator”项后，则在右边的“Chrome program location:”栏目中，选择Google Chrome浏览器的安装位置，如下图所示。 五、运行设置 在MyEclipse设计窗口的左边资源管理窗口中，右击应用项目名称“H5_Test1”，在弹出菜单中，选择“Run as”- “Run Configuration”项，打开运行设置对话框。右击“Mobile Web Simulator”项，新建“test1”项。并选择模拟器运行Android或IOS。如下图所示。 六、运行应用项目 点击“Run”，则在Google Chrome浏览器的手机模拟器中显示应用项目的运行结果，如下图所示。