如何在 PhoneGap 应用程序中调试内存使用攀升？

Question

我有一个 PhoneGap / JQuery 移动应用程序，它通过 Ajax 从服务器获取数据并将其显示为列表。随着每次 Ajax 获取，App 占用的内存会增加大约 10 MB。对于第一次获取它可能没问题，因为它获取大量记录（大约 700 条）。但是，对于后续调用，我的理解是它应该重用内存，而不是每次再堆积 10 MB。我使用 .off() 来释放事件处理程序，以防它们持有内存但没有成功。

这是显示输出的主页Div：

<div data-role="content"  class="MainContent"  style="overflow:hidden; padding-top: 0px;">
    <ul data-divider-theme="b" data-role="listview" data-inset="true" class="MainMenu">

    </ul>

这是从服务器获取数据并显示在上述 div 中的 JavaScript 代码。

AjaxFile = "mydomai.com/ajax.php";
$.get(AjaxFile, function (AjaxData) {

    $( ".PL" ).off();
    $(".MainMenu").off();
    $(".MainContent").off();

    AjaxData = '<li class="MainMenuList" data-role=list-divider>' + gTitle + AjaxData;
    $(".MainMenu").empty();
    $(".MainMenu").html(AjaxData);
    $(".MainMenu").listview('refresh');
    window.scrollTo(0, 0);
    $.mobile.loading('hide');

    HighlightRow(gCurrentFile);
    $(document).ready(function () {
        $(".PL").click(function () {
            if ( !$(this).hasClass("BTitleRow") )
            {
                $(".PL").removeClass("RowHighlight");
                $(this).addClass("RowHighlight");
                OpenNewLink($(this).attr('name'));
            }
        });
    });

});

AjaxData = null;
return;

如何释放内存并确保相同的内存被重复使用，而不是堆积越来越多的内存？

更新

即使我删除了下面的部分，我仍然可以看到内存使用量在攀升：

$(document).ready(function () {
        $(".PL").click(function () {
            if ( !$(this).hasClass("BTitleRow") )
            {
                $(".PL").removeClass("RowHighlight");
                $(this).addClass("RowHighlight");
                OpenNewLink($(this).attr('name'));
            }
        });
    });

Ajax 和 listview("refresh") 中似乎存在某种内存泄漏。

Answer 1

不是一个完整的答案，但如果您可以在 Chrome 中运行 web 应用程序（因此在 Phonegap 之外），您可以使用 Javascript 分析器获取堆快照来确定内存的使用位置。

如果您必须在 Phonegap 中运行但拥有 Android 设备，也可以将 Chrome 调试器连接到它，并且通过一些黑客攻击也可以连接 iOS 设备和/或模拟器。

Answer 2

内疚不是你的代码。爱吃内存的是 jQuery 我经常看到纯 javascript 和 jQuery 应用程序在内存消耗方面的比率为 4。

要么你不使用 jQuery 作为你移动开发的关键部分，要么你不再将 jQuery 用于你的移动应用程序（这就是我正在做的），要么你使用 http://plugins.jquery.com/cache/ 并随时清理内存到时间。

BR

Answer 3

试试这个，它会在您的应用启动时清除捕获。我知道这是你现在真正想要的，但它可能会对你有所帮助..

super.clearCache(); // just add This Line
super.loadUrl("file:///android_asset/www/index.html");