分析 Phonegap 应用程序

Question

我有一个使用 AngularJS/ionic 框架的 Phonegap 应用程序。 我需要分析我的应用程序以找到我的代码中的瓶颈，以使其更快。 知道我该怎么做吗？ Android 和 iOS 都可以吗？

** 这是一个答案 ** 从 Android 4 开始，我可以使用远程调试来检查和分析 Android 上的 Cordova 应用程序。 https://developer.chrome.com/devtools/docs/remote-debugging

这种方法比使用 XDK 有一个优势——它使用的是 Android 原生浏览器。 XDK 使用 Crosswalk - 这是一种优化的浏览器 - 结果会不太准确。请注意，Crosswalk 可以与 Cordova 应用程序捆绑，但会显着增加应用程序的大小 - 图片 Chrome 与您的应用程序捆绑在一起。

Answer 1

我想推荐使用 Intel(r) XDK，它允许在真实的 Android 设备上分析应用程序。

您需要在 XDK 中选择“配置文件”选项卡，然后按照页面左侧的指南进行操作。

目前 XDK 包含 CPU 分析器，它收集统计调用图（也称为堆栈采样）。这是 CDT 分析器的扩展。除了由时间指标注释的调用树之外，XDK 分析器还通过时间信息注释 JavaScript 代码中的行，这允许分析函数的内部结构，而 CDT 则只有函数的摘要信息。以下是该功能的图片说明：https://software.intel.com/en-us/html5/xdkdocs#496099

XDK 可以从http://xdk-software.intel.com/ 下载。 它支持基于 Cordova 的应用程序的开发。为此，您需要在 XDK 下创建新项目并将源代码导入其中。检查您的应用是否在模拟器选项卡中运行，然后转到允许在真实设备上调试/分析应用的调试/配置文件选项卡。

Answer 2

从 Android 4 开始，我可以使用远程调试来检查和分析 Android 上的 Cordova 应用程序。 https://developer.chrome.com/devtools/docs/remote-debugging

这种方法比使用 XDK 有一个优势——它使用的是 Android 原生浏览器。 XDK 使用 Crosswalk - 这是一种优化的浏览器 - 结果会不太准确。请注意，Crosswalk 可以与 Cordova 应用程序捆绑，但会显着增加应用程序的大小 - 图片 Chrome 与您的应用程序捆绑在一起。