Speichernutzung in PhoneGap App

Question

Ich habe eine PhoneGap/JQuery MObile App, die Daten vom Server über Ajax abruft und sie als Liste anzeigt. Mit jedem Ajax-Abruf erhöht sich der von App belegte Speicher um ca. 10 MB. Beim ersten Abruf kann es OK sein, da eine große Anzahl von Datensätzen abgerufen wird (ca. 700). Bei späteren Anrufen verstehe ich jedoch, dass der Speicher erneut verwendet werden sollte, anstatt jedes Mal weitere 10 MB zu stapeln. Ich habe .off() verwendet, um Event-Handler freizugeben, falls sie den Speicher halten, aber keinen Erfolg.

Hier ist die Hauptseite Div, wo die Ausgabe angezeigt wird:

<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> 

Und das ist der Javascript-Code, der die Daten vom Server und zeigt in der obigen div abruft.

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; 

Kann mir bitte jemand sagen, wie kann ich den Speicher frei zu machen und sicherzustellen, dass der gleiche Speicher statt häufen sich mehr und mehr Speicher wiederverwendet wird.

Vielen Dank.

========= UPDATE ===========

Auch wenn ich unten Teil zu entfernen, kann ich immer noch die Speicherauslastung sehen klettern:

Es scheint eine Art von Speicherleck in Ajax sowie Listview ("Refresh"). Kann mir bitte jemand helfen? Danke

Answer 1

Probieren Sie dies aus, es wird fangen fangen, wenn Ihre App startet. Ich weiß, das ist jetzt, was Sie eigentlich wollen, aber es könnte Ihnen helfen ..

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

Answer 2

Die Schuld ist nicht Ihr Code. Es ist jQuery, die lieben, Speicher zu essen Ich sehe oft ein Verhältnis von 4 zwischen einem reinen javascript und einer jQuery-Anwendung in Speicherconsomption.

Entweder verwenden Sie jQuery nicht für kritische Teile in Ihrer mobilen Entwicklung, oder Sie verwenden jQuery nicht mehr für Ihre mobilen Apps (das mache ich), entweder verwenden Sie http://plugins.jquery.com/cache/ und leeren den Speicher von Zeit zu Zeit Zeit.

BR

Answer 3

nicht eine vollständige Antwort, aber wenn Sie die Webapp in Chrome laufen können (so außerhalb von Phonegap) können Sie die Javascript-Profiler verwenden könnten einen Heap Snapshot zu nehmen, um herauszufinden, wo der Speicher verwendet wird.

Wenn Sie innerhalb von Phonegap laufen müssen, aber ein Android-Gerät haben, ist es auch möglich, den Chrome-Debugger zu verbinden, und mit etwas Hacking ist es auch möglich, iOS-Geräte und/oder Simulatoren zu verbinden.