Question

使用Ripple在浏览器中测试PhoneGap应用的正确方法是什么？我需要做任何配置吗？

我有一个用PhoneGap制作的“hello world”应用程序，我想在浏览器中测试它，而不是为每次更改启动手机模拟器。我在本地网络服务器上运行它。我使用http://emulate.phonegap.com前往地址（例如localhost:8888/sites/hello/www）。该应用程序开始加载，但我获得了phonegap.js的404。它正在检查的路径是localhost:8888/sites/hello/www/phonegap.js - 这应该由模拟器提供吗？我需要挖掘文件吗？我正在使用股票问候世界应用程序，所以我期待这些部分到位。

Answer 1

您需要为Ripple提供phonegap.js才能正常工作 - 只需在index.html的<head>中插入脚本标记即可指向它。注意Ripple无法正常使用Phonegap 3.x，因此请使用Phonegap 2.x版本中的JS - 我正在使用Android软件包中的cordova-2.9.0.js。 Ripple仅适用于Google Chrome。

顺便提一下，如果您在启动Chrome时使用--allow-file-access-from-files选项，则可以直接在Chrome中从文件系统打开index.html文件，而无需本地网络服务器 - 只需将其添加到快捷方式，例如： "C:\Program Files\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files

Answer 2

以下是我使用Cordova设置开发机器的方法。这些步骤显示了需要下载的内容以及创建一个简单的hello world应用程序，最后几步启动了ripple模拟器来测试应用程序。

Linux Mint 15：如何为Android开发设置nodejs，npm，Apache Cordova，Ripple，Android SDK

参考文献：

Cordova Android指南： http://cordova.apache.org/docs/en/3.1.0/guide_platforms_android_index.md.html#Android%20Platform%20Guide

NodeJS指南： https://github.com/joyent/node/wiki/Installing-Node.js-via-package-manager

NPM Cordova指南： https://npmjs.org/package/cordova

Prereqs - 文件夹名称和位置都是变量，这意味着它们可以是您想要的任何内容

- 必须使用chrome作为纹波仿真器

下载android sdk - http://developer.android.com/sdk/index.html
解压缩文件夹
将文件夹重命名为adt-bundle
将目录更改为您的主文件夹。例。 cd / home / brian
创建名为Development
将adt-bundle移至开发示例。 /家庭/布赖恩/开发/ ADT-束
export PATH = $ {PATH}：/ home / brian / Development / adt-bundle / sdk / platform-tools：/ home / brian / Development / adt-bundle / sdk / tools
sudo apt-get install ant
键入android的android sdk窗口会弹出检查api17并安装
sudo apt-get remove nodejs nodejs-dev npm
sudo apt-get install python-software-properties python g ++ make
sudo apt-get install software-properties-common
sudo add-apt-repository ppa：chris-lea / node.js
sudo apt-get update
sudo apt-get install nodejs
nodejs -v
npm -v
npm install -g cordova
npm install -g ripple-emulator
cd / home / brian / Development /
cordova创建你好“HelloWorld”
cd hello
cordova platform添加android
cordova build
cd / home / brian / Development / hello / platforms / android / assets / www
ripple emulate -port 1234
open chrome
导航到localhost：1234 / index.html？enableripple = cordova-2.0.0-Nexus4
返回终端，您可以按Ctrl + c终止服务器

Answer 3

重要事项：首先卸载ripple Chrome-Addon !!

解决方案1：修补它！＆＃39;

要以涟漪状态测试您的phonegap3应用程序，您必须使用apache git repository中的最新版本（0.9.19）并使用位于this git-repo的ripple_phonegap3.patch对其进行修补。按照位于同一存储库中的README.md文件中的说明进行操作。

新版本的纹波不再是Chrome扩展程序。它现在是一个nodejs / expressjs网络服务器，也支持其他浏览器。

解决方案2：＆＃39;一步一步＆＃39; （仅当您使用phonegap3时）

下载涟漪

git clone https://git-wip-us.apache.org/repos/asf/incubator-ripple.git

修改lib/server/emulate/hosted.js

添加行

    var PG3_SCRIPTTAG_OLD= /<script type="text\/javascript" src="phonegap.js"><\/script>/;
    var PG3_SCRIPTTAG_NEW= '<script type="text/javascript" src="cordova.js"></script>';
    doc = doc.replace(PG3_SCRIPTTAG_OLD, PG3_SCRIPTTAG_NEW);

在function localInjection()之间

        var doc = data.replace(HEAD_TAG,
                  '<head>' +
                    '<script>' +
                        BOOTSTRAP_FROM_IFRAME +
                    '</script>');

和

        res.send(doc);

运行./configure
运行jake
使用bin/riddle

LG

fastrde

Answer 4

Icenium有一个免费试用版，它非常棒：http://www.icenium.com/

使用Ripple在浏览器中测试phonegap应用程序

4 个答案:

解决方案1：修补它！＆＃39;

解决方案2：＆＃39;一步一步＆＃39; （仅当您使用phonegap3时）