Javascript 在浏览器中使用CLI调试PhoneGap应用程序的最佳方法

我已经在PhoneGap上工作了一段时间了，因为我真的不得不匆忙投入，没有真正的web开发经验，我可能在调试和构建方面做了一些不正确的事情

首先，我使用PhoneGap CLI创建我的项目。 我使用PhoneGap构建服务构建我的移动应用程序，在这里我上传我的www文件夹的压缩版本

为了调试我的应用程序，我在CLI中使用phonegap-serve命令，然后基本上只需访问URL并使用Chrome的开发工具来检查我的JS和HTML。我有时会使用一个名为Ripple的Chrome扩展，它通常可以完成这项工作，但它似乎有点问题（其他选项？）

最近，我在我的一个应用程序中添加了PushBots插件，调试时控制台中出现了引用错误。如何防止这些类型的错误

我经常遇到的另一个问题是cordova.js或cordova_plugins.js的引用错误。我知道，CordovaJavaScript文件是在构建项目时自动添加到项目中的，但在控制台中仍然很烦人。有办法避开它吗

我还在我的PhoneGap应用程序上添加了Onsen UI框架，它变得有点忙碌，例如，关于使用哪些实例化函数来处理Android后退按钮。（我目前使用脚本文件夹中的index.js，这是我刚刚手动创建的。PhoneGap没有为我创建它）

我通常的文件夹结构如下所示：

www
  >  css - contains CSS for the onsen framework
  >  img - contains some images that are referenced in my code
  >  js - contains jquery, moment and other libraries that I use in my app
  >  lib - 
     > angular - contains angular.js
     > onsen - contains the onsen framework
     > bootstrap
  >  res - contains icons and splash screens
  >  scripts - recently added it myself, with an index.js file
  >  config.xml
  >  index.html
  >  main.html
  >  appController.js
  >  loginController.js
  > .....

插件的错误开始在这里发生。 这是我在脚本文件夹中的index.js，我在引用cordova.js后在index.html中引用了它，我已经将它复制到根文件夹（www）中，所以我不会一直收到引用错误（我不再收到cordova.js的引用错误，现在我收到cordova_plugins.js的引用错误，所以我想这个方法不好）

插件是由PhoneGap构建框架添加的，因此我只需在config.xml文件中指定它们。我想这就是我在PC上调试时遇到问题的原因，但是有没有办法解决这个问题呢

我手动添加cordova.js引用是否把我的项目搞得一团糟？当我有了Onsen框架时，真的需要它吗

乐： 只是想确保我能提供尽可能多的信息。这是我将Javascript文件加载到html文件的方式：

<script src="js/onsenui.js"></script>
<script src="js/angular/angular.js"></script>
<script src="js/angular-onsenui.js"></script>
<script src="js/jquery-3.1.0.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/moment.min.js"></script>
<script src="js/jquery.mobile-1.4.5.min.js"></script>

<!--CONTROLLERS-->
<script src="app.js"></script>
<script src="appController.js"></script>

<script src="helpers.js"></script>

<script src="cordova.js"></script>
<script src="scripts/index.js"></script>

---

我建议在代码可能调用cordova API之前，将对

cordova.js的引用进一步上移。像这样：

<!--CONTROLLERS-->
<script src="cordova.js"></script>
<script src="js/onsenui.js"></script>
<script src="js/angular/angular.js"></script> 
<script src="js/angular-onsenui.js"></script>
<script src="js/jquery-3.1.0.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/moment.min.js"></script>
<script src="js/jquery.mobile-1.4.5.min.js"></script>

<!--CONTROLLERS-->
<script src="app.js"></script>
<script src="appController.js"></script>

<script src="helpers.js"></script>



<!--CONTROLLERS-->
<script src="cordova.js"></script>
<script src="js/onsenui.js"></script>
<script src="js/angular/angular.js"></script> 
<script src="js/angular-onsenui.js"></script>
<script src="js/jquery-3.1.0.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/moment.min.js"></script>
<script src="js/jquery.mobile-1.4.5.min.js"></script>

<!--CONTROLLERS-->
<script src="app.js"></script>
<script src="appController.js"></script>

<script src="helpers.js"></script>