Cordova 混合开发不翻墙模仿真机调试

     去年的时候，因为需要做一个 Web APP ，并且是使用 cordova 做为中间件的。因为在浏览器上 js 代码被解析的与手机上被解析的结果不一样，后来就想使用 GapDebug  进行真机调试，但是使用 GapDebug 是需要翻墙，据说是因为需要连接到谷歌的服务器。所以这就要求我们翻墙了，但是有时候翻墙真的是一件力气活。我所在的项目组还存在异常强大的防火墙，平常连淘宝京东之类的网站都给你拦截了，就别说翻墙出去上谷歌了。

下面给大家介绍一种不需翻墙，但是可以模仿真机调试。希望对大家有所帮助。同时如果文章中存在错误的地方，也希望大家能够指正。

cordova的下载和安装：

    由于现在cordova是利用nodeJs进行管理，所以需要先下载nodeJs，下载地址为  http://nodejs.cn/download/

    1)  安装nodeJs，nodeJs  是一个基于 Chrome V8 引擎的JavaScript 运行环境。 nodeJs  使用了一个事件驱动、非阻塞式I/O                  的模型，使其轻量又高效。 nodeJs  的包管理器npm，是全球最大的开源库生态系统。安装之后请确保nodeJs  安装完成，              在cmd命令行中执行npm  -v ，如果正常显示版本号，则nodeJs安装成功

                               

    2)  nodeJs安装好之后，运行nodeJs，在node.js中执行命令npm install -g cordova安装cordova（注意：cordova是在线安装              的，安装的版本默认是最新版本，如需安装指定版本，可执行命令npm install -g[email protected]在@后面执行版本号），确          认cordova是否安装成功，执行cordova  -v，如果能正常查看cordova版本，则cordova安装成功。安装命令如下图中所示

                            

      3)    安装好cordova 后，在node.js中通过命令行执行npm install -g ripple-emulator安装Ripple Emulator。Ripple Emulator是  一             个基于浏览器的，可以协助测试cordovaapp的软件。Ripple Emulator相比与上面两个需安装的软件要小的多，一会就能安装             完成。

Cordova与Ripple Emulator 的使用

       1)    运行nodeJs，将路径切换到cordova项目路径中（C:\Users\Administrator\Desktop\Mytest 最终到项目名称这               一级目录） Mytest 就是我的项目名称

       2)    执行rippleemulate 命令，如下图所示：

                         

      3)  执行上面的命令之后，将会打开默认浏览器，并且会出现一个运行这你项目的界面

                       

                        

此时，我们就可以按 F12 进入调试模式了，这样就避免了翻墙的痛苦。

在上图的界面中存在很多手机中的功能，包括调用摄像头，振动，手机定位，地图等。具体的可以自己进行研究