在 Apache Ripple 模擬器上執行 Apache Cordova 應用程式
本主題適用於發行前版本軟體 -- Apache Cordova 的 Visual Studio Tools。這些功能描述於預覽中,但有可能變更。您可以從 Microsoft 下載中心下載此 Preview。
Apache Ripple 模擬器會以瀏覽器 (Google Chrome) 內的 Web 應用程式形式來執行。 在 Cordova 中,該模擬器可用來模擬一些裝置和平台上的應用程式,並針對核心 Cordova 外掛程式 (例如「地理位置」和「裝置方向」) 提供基本支援。
Ripple 模擬器可協助您輕鬆快速地為 Android 和 iOS 撰寫及驗證應用程式,因為這兩個平台使用具有類似程式碼基底的瀏覽器。 Ripple 模擬器在驗證配置和 CSS 程式碼方面特別有用。 如需平台專屬的更高畫質模擬器,請使用 Android 或 iOS 模擬器或實際裝置。
警告
Ripple 不會完整模擬 Cordova API 或原生裝置功能,也不會模擬特定裝置平台上之應用程式所使用的特定瀏覽器版本。
使用 Ripple 測試版面配置時應記住以下幾點:
如果您是以 Android 4.4 或更新版本 (Chrome 瀏覽器) 為目標,目前的 CSS 標準與其他 Web 技術支援都更好。 請參閱 caniuse.com 以取得受支援功能的相關資訊。
如果您是以 iOS 或 Android 4.4 之前的版本為目標,則瀏覽器為 WebKit 瀏覽器。 (Ripple 模擬器會使用現有安裝版本的 Chrome,其行為與 Android 4.4 類似。)有些 WebKit 瀏覽器的行為有所不同。 例如,WebKit 瀏覽器針對 vw 及 vh 單位提供的支援並不一致。
在 Apache Ripple 模擬器上執行應用程式
下列程序示範如何在模擬器上執行您的應用程式及附加偵錯工具。
在 Ripple 模擬器上執行您的應用程式
從 [方案平台] 清單中選擇 [Android] 或 [iOS]。
注意事項
如果您看不到此清單,請從 [新增/移除按鈕] 清單中選擇 [方案平台],加以顯示。
在目標裝置清單中,選擇其中一個 Ripple 模擬器。
按 F5 鍵啟動偵錯,或按 Shift+F5 啟動您的應用程式但不偵錯。
提示
如果您收到錯誤,指出需要安裝新版 Android SDK,請使用 Android SDK Manager 加以安裝。在 Windows 上,SDK Manager.exe 會安裝在下列位置:%localappdata%\Android\android-sdk (例如,C:\Users\使用者\AppData\Local\Android\android-sdk)。
變更模擬器的 Proxy
Ripple 使用 Proxy 避免瀏覽器的跨網域限制。 可用的 Proxy 有兩個:遠端 Proxy 和本機 Proxy。 遠端 Proxy 由雲端裝載。
![]() |
---|
如果您的應用程式正在傳送機密資料 (例如 Active Directory 驗證語彙基元),強烈建議使用本機 Proxy,而不是遠端 Proxy。 |
變更 Proxy
當您的應用程式在 Chrome 中執行時,選擇右側箭號按鈕,然後選擇 [Settings] (設定) 區段。
選擇 [Cross Domain Proxy] (跨網域 Proxy) 按鈕,然後選擇一個 Proxy。
執行應用程式時變更裝置
您可以在應用程式於 Chrome 中執行時,立即變更目標裝置。 如此一來,便可避免需要在 Visual Studio 中重新啟動應用程式。
變更裝置
當您的應用程式在 Chrome 中執行時,選擇左側箭號按鈕,然後選擇 [Devices] (裝置) 區段。
選擇指定目前裝置名稱的按鈕,然後選擇其他裝置。
請參閱
概念
安裝 Visual Studio Tools for Apache Cordova