本文主要介紹如何利用移動開發工具創建HTML5移動應用程序以及如何在一個移動網絡模擬器中測試應用程序。

創建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、測試應用程序的用戶界面和功能。打開定位和縮放面板放大或在縱向和橫向之間切換。使用鼠標滾輪滾動設備的屏幕。單擊配置按鈕來更改模擬器中所顯示的裝置。