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

Mat*_*pel 9 javascript cordova

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

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

Dav*_*den 14

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

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


小智 11

以下是我使用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 - 文件夹名称和位置都是变量,这意味着它们可以是您想要的任何内容

- 必须使用铬纹波仿真器

  1. 下载android sdk - http://developer.android.com/sdk/index.html
  2. 解压缩文件夹
  3. 将文件夹重命名为adt-bundle
  4. 将目录更改为您的主文件夹.例.cd/home/brian
  5. 创建一个名为Development的文件夹
  6. 将adt-bundle移动到开发示例./家庭/布莱恩/开发/ ADT-束
  7. export PATH = $ {PATH}:/ home/brian/Development/adt-bundle/sdk/platform-tools:/ home/brian/Development/adt-bundle/sdk/tools
  8. sudo apt-get install ant
  9. 键入android的android sdk窗口会弹出检查api17并安装

  10. sudo apt-get remove nodejs nodejs-dev npm

  11. sudo apt-get install python-software-properties python g ++ make
  12. sudo apt-get install software-properties-common
  13. sudo add-apt-repository ppa:chris-lea/node.js
  14. sudo apt-get update
  15. sudo apt-get install nodejs
  16. nodejs -v
  17. npm -v
  18. npm install -g cordova
  19. npm install -g ripple-emulator

  20. cd/home/brian /发展/

  21. cordova创建你好"HelloWorld"
  22. 你好
  23. cordova平台添加android
  24. 科尔多瓦建造
  25. cd/home/brian/Development/hello/platforms/android/assets/www
  26. ripple emulate -port 1234
  27. 开铬
  28. 导航到localhost:1234/index.html?enableripple = cordova-2.0.0-Nexus4
  29. 回到终端,您可以按Ctrl + c终止服务器


fas*_*.de 7

重要提示:首先卸载涟漪Chrome-Addon !!

解决方案1:'修补它!'

要在ripple中测试你的phonegap3应用程序,你必须使用apache git存储库中的最新版本(0.9.19)并使用ripple_phonegap3.patch位于此git-repo的补丁进行修补.按照位于同一存储库中的README.md文件中的说明进行操作.

新版本的纹波不再是镀铬扩展.它现在是一个nodejs/expressjs网络服务器,也支持其他浏览器.

解决方案2:"一步一步"(仅当您使用phonegap3时)

添加行

    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);
Run Code Online (Sandbox Code Playgroud)

function localInjection()之间

        var doc = data.replace(HEAD_TAG,
                  '<head>' +
                    '<script>' +
                        BOOTSTRAP_FROM_IFRAME +
                    '</script>');
Run Code Online (Sandbox Code Playgroud)

        res.send(doc);
Run Code Online (Sandbox Code Playgroud)
  • ./configure
  • jake
  • 使用 bin/riddle

LG

fastrde