使用PhoneGap的Ripple Emulator + android项目

时间:2013-09-02 19:15:24

标签: javascript android google-chrome cordova ripple

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

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

我在Google Chrome浏览器中安装了扩展程序并启用了“允许访问文件网址”选项。

当我打开我的index.html页面时,我得到一个像这样的javascript弹出窗口: enter image description here

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

这是我的“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>

有谁知道我为什么会弹出这个弹出窗口?

5 个答案:

答案 0 :(得分:7)

卸载Chrome扩展程序(不再需要)。

答案 1 :(得分:3)

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

<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
来自index.html的

修复了它

答案 2 :(得分:2)

我遇到了同样的挑战,发现如果你在这些提示上继续点击取消(或esc键),涟漪实际上会加载,并且工作得很好。点击确定(而不是取消)似乎让它挂起......

答案 3 :(得分:1)

我在this page上使用了指令,并再次起作用。显然,Chrome扩展程序与PhoneGap / Cordova已经暂时不同步了一段时间。涟漪项目已经转移到Apache,目前不再作为插件工作,而是作为命令行服务器。

请注意,当您运行ripple emulate时,它来自www中的PROJECT_ROOT/platforms目录,而不是紧接PROJECT_ROOT下的www,所以如果你编辑后者,那么你必须先运行phonegap build your_platform。使用IDE时这有点不方便,但仍然比没有本地测试设备好得多。

答案 4 :(得分:0)

简而言之:没有[phonegap / cordova] - [firefox / lynx / www]后端。 (有吗?)

我不太了解Ripple,但它似乎是一个瘦的JS / CSS包装器来“模拟”手机和平板电脑屏幕。另一方面,PhoneGap是一个允许从JS访问特定移动设备功能(短信,相机,gps等)的brigde。它允许构建依赖于JS&lt; - &gt; Java(android),JS&lt; - &gt; ObjectiveC等通信的应用程序,使用额外功能的HTML5 + JS页面。

你可能做的是包括来自android / ios / blackberry平台的cordova.js文件,并在没有本机支持的平台(即PC / MAC浏览器)下运行它。

对于布局,测试UI itp你可能想要删除cordova.js而不是在浏览器中调用任何phonegap / cordova。

PS。 Ripple说它支持PhoneGap,我一定会调查它。也许他们确实拥有在每台PC和Mac上支持firefox / safari / lynx的cordova-www.js插件;)