MyEclipse移動Web模擬器指南(一)

1. 在iOS和Android模擬器中預覽應用程序

移動Web模擬器在開發過程當中既可用於預覽應用程序,也可用於瀏覽互聯網上的應用程序或網站。使用該模擬器,您能夠在不一樣設備上查看應用程序、改變方向、測試設備運動(如旋轉、搖動等)、測試地理位置變化、測試不一樣階段對電池壽命的影響。 html

注意:加速度傳感器、地理定位、電池壽命和平臺事件的測試要求您在應用程序中使用PhoneGap APIs。 web

移動Web模擬器是基於iOS和Android使用的相同WebKit渲染引擎的Chrome瀏覽器。該模擬器模擬了Cordova 2.0 API,並支持iPhone、iPad、Nexus S、Kindle Fire 7″和Samsung Tab 10.1設備的預覽。 瀏覽器

2. 啓動Web模擬器

要打開一個項目的應用程序進行測試,可在資源管理器中右鍵單擊該項目,並在移動Web模擬器中選擇PhoneGap>Preview Application。 工具

移動Web模擬器指南(一)
在模擬器中打開一個項目

要打開移動Web模擬器查看互聯網上的應用程序或網站,請執行如下操做: 測試

(1)點擊MyEclipse移動模擬器圖標,或選擇Mobile>Mobile Web Simulator。 網站

移動Web模擬器指南(一)
打開模擬器來查看網頁內容

(2)在地址欄中輸入一個網址來查看網頁內容。 spa

3. 設置模擬器的配置

項目應用程序能夠在模擬器中運行並測試。此外,您還能夠使用模擬器瀏覽網頁或在web上運行移動應用程序。 操作系統

要使用移動Web模擬器參數,在從工具欄圖標中打開移動Web模擬器後,可設置一個主頁顯示在設備中。 設計

移動Web模擬器指南(一)
主頁參數

注意:移動Web模擬器參數頁面容許您輸入Google Chrome的安裝路徑。當您打開模擬器時若是收到一個不能找到Chrome的錯誤,可打開參數頁面設置Chrome瀏覽器的路徑。 htm

3.1 設置設備&操做系統版本

移動Web模擬器支持iPhone、iPad和多個Android設備的仿真。您能夠更改設備視圖來查看應用程序是如何顯示在所支持的設備上的(不管橫向仍是縱向)。

點擊移動模擬器圖標來打開模擬器,從下拉菜單中選擇想要查看的設備,而後單擊完成。您也能夠輸入高度或寬度來自定義尺寸。

移動Web模擬器指南(一)
選擇設備視圖

打開System Summary面板並從OS下拉列表中選擇一個版原本更改操做系統版本。

移動Web模擬器指南(一)
更改操做系統版本
縮放

您能夠在模擬器窗口中設置該設備的縮放比例。打開Orientation和Zooming面板,拖動滑塊來選擇縮放比例。在窗口中選擇Fit to Screen複選框來適應設備。

移動Web模擬器指南(一)
設置縮放比例
旋轉

當設計一個應用程序時,您必需要考慮設備的屏幕方向。若是您設計的應用程序在縱向或橫向運行,那測試時對這兩個方向都要進行測試。

要在模擬器中旋轉設備時,打開Orientation和Zooming面板,而後單擊您想要查看的方向。

移動Web模擬器指南(一)
橫向方向
相關文章
相關標籤/搜索