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

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

javascript cordova

Javascript 使用Ripple在浏览器中测试phonegap应用程序,javascript,cordova,Javascript,Cordova,使用Ripple在浏览器中测试PhoneGap应用程序的正确方法是什么？我需要进行任何配置吗我有一个用PhoneGap制作的“hello world”应用程序，我想在浏览器中测试它，而不是为每一个变化启动一个手机模拟器。我正在本地网络服务器上运行它。我过去常常去那个地址（例如，localhost:8888/sites/hello/www）。应用程序开始加载，但我得到了一个404，用于phonegap.js。它检查的路径是localhost:8888/sites/hello/www/phoneg

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

我有一个用PhoneGap制作的“hello world”应用程序，我想在浏览器中测试它，而不是为每一个变化启动一个手机模拟器。我正在本地网络服务器上运行它。我过去常常去那个地址（例如，

localhost:8888/sites/hello/www

）。应用程序开始加载，但我得到了一个404，用于

phonegap.js

。它检查的路径是

localhost:8888/sites/hello/www/phonegap.js

——这应该由模拟器提供吗？我需要把文件挖出来吗？我正在使用stock hello world应用程序，所以我希望这些部件能够就位

您需要提供phonegap.js，Ripple才能工作-只需在index.html的

中插入一个脚本标记，指向它即可。注意Ripple无法与Phonegap 3.x一起正常工作，因此请使用Phonegap 2.x版本中的JS-我使用的是Android软件包中的cordova-2.9.0.JS。Ripple将只在Google Chrome中工作

顺便说一句，如果启动Chrome时使用

--允许从文件访问文件

选项，则可以从文件系统直接在Chrome中打开index.html文件，而不需要本地Web服务器，只需将其添加到快捷方式，例如

“C:\Program files\Google\Chrome\Application\Chrome.exe”--允许从文件访问文件

重要提示：首先卸载ripple Chrome插件

解决方案1：“修补它！” 要在ripple中测试phonegap3应用程序，您必须使用的最新版本（0.9.19），并使用位于的

ripple\u phonegap3.patch

对其进行修补。按照位于同一存储库中的README.md文件中的说明进行操作

ripple的新版本不再是chrome的扩展。它现在是一个支持其他浏览器的nodejs/expressjs Web服务器

解决方案2：“逐步”（仅当您专门使用phonegap3时）

下载ripple

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);

及

运行
```
/configure
```
运行
```
jake
```
使用
```
bin/ridle
```

fastrde

Icenium有一个免费试用版，它非常棒：

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

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

参考资料：

Cordova Android指南：

NodeJS指南：

NPM科尔多瓦指南：

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

-ripple emulator必须使用chrome

下载android sdk-

解压文件夹

将文件夹重命名为adt bundle

将目录更改为您的主文件夹。例子。cd/home/brian

创建名为Development的文件夹

将adt包移动到开发示例/主页/brian/开发/adt包

导出路径=${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软件属性python g++make

sudo apt获取安装软件属性公共

sudo添加apt存储库ppa:chris lea/node.js

sudoapt获得更新

sudo-apt-get-install-nodejs

nodejs-v

npm-v

npm安装-g cordova

npm安装-g ripple仿真器

cd/home/brian/Development/

cordova创建hello“HelloWorld”

cd你好

cordova平台添加android

科尔多瓦大厦

cd/home/brian/Development/hello/platforms/android/assets/www

ripple仿真-端口1234

开放式镀铬

导航到localhost:1234/index.html？enableripple=cordova-2.0.0-Nexus4

回到终端，您可以按Ctrl+c组合键终止服务器

也许这有帮助：还有一些关于ripple的细节：要运行ripple，您应该在项目的根文件夹中。在我的项目根文件夹中，我有hook、merge、platforms、plugins、.cordova和www文件夹。然后运行命令

ripple仿真-端口12345

。它将在您的浏览器中打开您的应用程序（在我的例子中是chrome:suggestion，将chrome作为默认浏览器），这是第一个有帮助的解决方案。谢谢

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

        res.send(doc);