javascript - Cordova 混合应用程序 - HTTP 请求非常慢

Question

我正在构建一个混合应用程序，在客户端使用 AngularJS、Cordova、Restangular 和 Python wsgiref.simple_server 在服务器端。我没有做任何特别的事情，这只是像这样的简单请求:

Restangular.one('/devices').get().then(function (response) {
    viewModel.devices = Restangular.stripRestangular(response.devices);
});

我为 Restangular 设置了 baseUrl:

.config(function(RestangularProvider){
    RestangularProvider.setBaseUrl('http://192.168.54.102:8000/');
})

当我在本地计算机上使用 Chrome 浏览器时，一切都很快，工作正常。但是，当我在设备上的 Phonegap 开发人员应用程序 上的 Android 上使用它或在装有 Android 的设备上安装应用程序时，它的运行速度非常慢。看起来它被发送到服务器有很大的延迟，因为我在服务器端看到调试服务器日志需要一些时间。当带有服务器的 python 应用程序未处于 Debug模式时也会发生这种情况，例如当我在本地计算机上安装后正常启动它时。正如我看到有些人有这个问题，有没有人找到解决方案或原因，导致混合应用程序中的 HTTP 请求非常慢？预先感谢您的每一个回答。

Answer 1

由于您是一名混合开发人员，我相信您对 Chrome DevTools 很熟悉.对于我在 Mac 上，点击 cmd + option + i，或转到查看 -> 开发人员 -> 开发人员工具。

在最近的历史中，Chrome 的真正伟大之处在于它现在也可以与 Android WebViews 一起使用。混合开发人员并不总是有这种便利，并且不得不使用像 Weinre 这样的工具进行调试。 .

现在我们可以直接在 Chrome 浏览器中使用 DevTools，同时您的 Android 设备通过 ADB 从一个新的选项卡调用 chrome://inspect 连接。

Here是一些更详细的信息，说明在您遇到困难时如何执行此操作。

从这里打开网络面板，查看您的请求花费了多长时间。如果他们在此处显示的加载时间明显更长，则问题与 Angular、Cordova、Restangular 甚至可能与混合架构无关。我会在设备的其他地方检查您的网络和性能。

如果这绝对不是问题，我会使用 Timeline DevTools 中的选项卡以查看浏览器接收信息和设备显示信息之间花费的时间。如果中间发生了任何明显更长的过程，您将在此处看到它。