在 Apache Ripple 仿真器上运行你的 Apache Cordova 应用

这篇文章介绍了用于 Apache Cordova 的 Visual Studio 工具,是一个预发布的软件。所述功能呈现在预览版中,并可能会发生更改。你可以从 Microsoft 下载中心下载预览版。

Apache Ripple 仿真器以 web 应用的形式在浏览器 (Google Chrome) 中运行。 在 Cordova 中,该仿真器可以用于在许多设备和平台上模拟你的应用,并为核心的 Cordova 插件(例如 Geolocation 和 Device Orientation)提供基本支持。

Ripple 仿真器提供了简单快速的初始步骤来针对 Android 和 iOS 编写和验证应用,因为这两个平台使用的浏览器具有类似的基本代码。 Ripple 仿真器很适合用于验证布局和 CSS 代码。 若要获得针对某个平台的高保真度仿真,请使用 AndroidiOS 仿真器或真实的设备。

警告

Ripple 不会提供对 Cordova API 或本机设备功能的完整仿真,也不会对你的应用在某个设备平台上使用的具体浏览器版本进行仿真。

在使用 Ripple 测试布局时需要牢记以下内容。

  • 如果面向 Android 4.4 或更高版本(基于 Chromium 的浏览器),支持当前 CSS 标准和其他 Web 技术更好。 有关支持功能的具体信息,请参阅 caniuse.com

  • 如果面向 iOS 或 Android 4.4 之前的版本,浏览器基于 WebKit。 (Ripple 仿真器使用已安装的 Chrome 版本,表现得更像 Android 4.4。)一些 WebKit 浏览器的行为是不同的。 例如,WebKit 浏览器不会为vw 和 vh 单元提供一致的支持。

在 Apache Ripple 仿真器上运行你的应用

以下过程向你展示了如何在仿真器上运行你的应用并连接调试器。

若要在 Ripple 仿真器上运行你的应用

  1. 从“解决方案平台”列表中选择“Android”或“iOS”。

    选择 Android 作为你的部署目标

    备注

    如果你没有看见此列表,请从“添加/删除按钮”列表中选择“解决方案平台”来显示对应的列表。

  2. 在目标设备列表中选择一个 Ripple 仿真器。

    选择波纹仿真程序

  3. 按下 F5 启动调试,或按下 Shift+F5 来在不进行调试的情况下启动你的应用。

    提示

    如果发生错误并且该错误告诉你需要安装新版本的 Android SDK,请使用 Android SDK Manager 来进行安装。在 Windows 中,SDK Manager.exe 安装在以下位置:%localappdata%\Android\android-sdk(例如,C:\Users\user\AppData\Local\Android\android-sdk)。

更改仿真器的代理

Ripple 通过使用代理来在浏览器中避免跨域限制。 有两个代理可用:一个远程代理和一个本地代理。 远程代理托管在云中。

安全说明安全说明

如果你的应用正在传输敏感数据(例如 Active Directory 身份验证令牌),我们强烈推荐你使用本地代理,不要使用远程代理。

若要更改代理

  1. 在 Chrome 中,在你的应用正在运行时选择右侧的箭头按钮,然后选择“设置”部分。

  2. 选择“跨域代理”按钮,然后选择一个代理。

    在波纹仿真程序中选择代理

在运行应用时更改设备

你可以在你的应用在 Chrome 中运行的时候随时更改目标设备。 这样你就可以避免在 Visual Studio 中重启应用了。

若要更改设备

  1. 在你的应用在 Chrome 中运行的时候,选择左侧的箭头按钮,然后选择“设备”部分。

  2. 选择指定当前设备名称的按钮,然后选择另一个设备。

    在 Chrome 中更改设备

请参见

概念

安装 Visual Studio Tools for Apache Cordova

调试用 Visual Studio Tools for Apache Cordova 生成的应用

将用 Visual Studio Tools for Apache Cordova 生成的应用打包