代码之家 › 专栏 › 技术社区 › nielsv

Ripple Emulator+带有PhoneGap的android项目

ripple cordova google-chrome android javascript

nielsv · 技术社区 · 12 年前

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

现在我想使用Ripple Emulator而不是Android虚拟设备管理器(AVD),因为AVD非常慢。

我在谷歌浏览器中安装了扩展,并启用了“允许访问文件URL”选项。

当我打开我的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 回复 | 直到 12 年前

wires 12 年前

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

Mohamed Badr 9 年前

我遇到了同样的问题,删除了这条线

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

从index.html修复

nd_100 12 年前

我遇到了同样的挑战,发现如果你一直在这些提示上点击Cancel(或esc键),ripple实际上会加载,而且效果很好。点击Ok(而不是取消)似乎会让它挂起。。。

lastoneisbearfood 12 年前

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

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

zrathen 12 年前

简而言之:没有[phonegap/cordova]-[ffirefox/linx/wwww]后端。(有吗?)

我不太了解Ripple,但它看起来像是一个用来“模拟”手机和平板电脑屏幕的薄薄的JS/CSS包装。另一方面,PhoneGap是一个允许从JS访问特定移动设备功能(短信、相机、gps等)的窗口。并且它允许构建依赖于JS<->Java(android)、JS<->ObjectiveC等通信,使用额外功能的HTML5+JS页面。

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

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

PS。Ripple表示它支持PhoneGap,我肯定会研究一下。也许他们确实有在每台电脑上支持firefox/safari/linx的cordova-www.js插件;Mac;)

推荐文章

user3425506 · 没有互联网连接无法获得PWA

1 年前

sunics · jQuery在ul中查找li元素

1 年前

Marlon · 在Navigationextras中传递大数据router.navigation Angular 16导致Firefox错误

1 年前

Curious66 · 如何在谷歌会议中捕获传入的音频流

2 年前

Tricotou · $.get(code_url)执行返回的代码,不使用eval(),也不将其附加到DOM。jQuery安全性失败?

2 年前

ÙØÙØ¯ Ø§ÙÙÙ · 使用sendMessage功能时从Chrome扩展程序获取数据的延迟

2 年前

Patrick Potocny · Next.js 14草稿模式在iframe中不起作用(无头CMS预览)

2 年前

Vrushabh Ranpariya · 谷歌Chrome-开发工具-网络选项卡:设计更新

2 年前

Johnny Chen · 相同的字体在chrome和firefox中的显示方式不同

2 年前

Alexander Mills · Flutter不将Chrome识别为“web”,反之亦然

2 年前