带有PhoneGap的Ripple Emulator + android项目答案

【问题标题】：Ripple Emulator + android project with PhoneGap带有PhoneGap的Ripple Emulator + android项目
【发布时间】：2013-09-05 22:25:55
【问题描述】：

我正在 Eclipse IDE 中使用 PhoneGap 创建一个 android 项目。

现在我想使用 Ripple Emulator 而不是 Android Virtual Device Manager (AVD)，因为 AVD 非常慢。

我在我的 Google Chrome 中安装了扩展并启用了“允许访问文件 URL”选项。

当我打开我的 index.html 页面时，我会看到一个像这样的 javascript 弹出窗口：

如果我单击“确定”或“取消”，页面就会冻结，因此我无法启用波纹模拟器...。

这是我的“index.html”文件：

<!DOCTYPE HTML>
<html>
 <head>
  <title>PhoneGap Testing</title>
  <meta http-equiv="Content-type" content="text/html;charset=utf-8">
  <meta name="viewport" id="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
  <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
  <script type="text/javascript" charset="utf-8">
    function onBodyLoad(){
        document.addEventListener("deviceready", onDeviceReady, false);
    }
    function onDeviceReady(){
        navigator.notification.alert("PhoneGap is ready!");
    }
  </script>
 </head>
 <body onload="onBodyLoad()">
    <h1>Hello PhoneGap</h1>
    <p>This is a sample app</p>
 </body>
</html>

有人知道我为什么会弹出这个窗口吗？

【问题讨论】：

标签： javascript android google-chrome cordova ripple

【解决方案1】：

我遇到了同样的问题并删除了这一行

<script type="text/javascript" charset="utf-8" src="cordova.js"></script>

从 index.html 修复它

【讨论】：

我同意注册cordova是处理这个问题的最好方法，但他已经在他的代码中注册了
请查看我的回答，我的建议是“取消注册”此文件
有人应该把这件事告诉PhoneGap桌面应用团队

【解决方案2】：

卸载 Chrome 扩展程序（不再需要）。

【讨论】：

【解决方案3】：

我在this page 上使用了指令，然后纹波再次起作用。显然 Chrome 扩展与 PhoneGap/Cordova 有一段时间不同步了。涟漪项目已移至 Apache，目前不再用作插件，而是用作命令行服务器。

请注意，当您运行ripple emulate 时，它从PROJECT_ROOT/platforms 中的www 目录提供服务，而不是直接在PROJECT_ROOT 下的www，因此如果您编辑后者，则必须运行phonegap build your_platform第一的。这在使用 IDE 时有点不方便，但仍然比没有本地测试设施要好得多。

【讨论】：

【解决方案4】：

我遇到了同样的挑战，发现如果您在这些提示符下继续按取消（或 esc 键），波纹实际上会加载，并且工作正常。点击确定（而不是取消）似乎让它挂起......

【讨论】：

这无法正常工作，因为我尝试了cordova插件后无法正常工作。

【解决方案5】：

简而言之：没有 [phonegap/cordova]-[firefox/lynx/www] 后端。（有吗？）

我不太了解 Ripple，但它似乎是一个用于“模拟”手机和平板电脑屏幕的薄 JS/CSS 包装器。另一方面，PhoneGap 是一个允许从 JS 访问特定移动设备功能（短信、相机、gps 等）的工具。它允许构建依赖于 JSJava (android)、JSObjectiveC 等通信的应用程序，以及使用额外功能的 HTML5+JS 页面。

您可能所做的是包含来自 android/ios/blackberry 平台的 cordova.js 文件，并在没有原生支持 THE 平台（即在 PC/MAC 浏览器中）的情况下运行它。

对于布局、测试 UI itp，您可能希望删除 cordova.js 并且在浏览器中不调用任何 phonegap/cordova。

PS。 Ripple 表示它支持 PhoneGap，我一定会调查它。也许他们确实有在每台 PC 和 Mac 上支持 firefox/safari/lynx 的 cordova-www.js 插件；）

【讨论】：