2012-04-12 4 views
1

Wie debugge ich Sencha Touch 2? Ich habe Sencha Designer benutzt, um Sencha Touch 2 Projekte zu erstellen. Ich verwende Chrome zum Testen und möchte jetzt einen Teil meines Codes aufbrechen. Wie kann ich das tun? Jedes Mal, wenn ich die Seite aktualisiere, sind die Unterbrechungspunkte weg. Ich lese etwas, das ich die „Breakpoint?“ In der URL verwenden müssen, aber ich habe keine Ahnung, warum bisher nicht funktioniert:Wie kann ich Sencha Touch 2 Apps debuggen?

http://localhost/googlemaps/app.html?breakpoint

Auch erkannte ich die Dateien, die ich debuggen möchten hat eine „_DC "Parameter:

http://localhost/googlemaps/app/view/detalleMapa.js?_dc=1334242199729

Dank!

+0

Unglaublich, dass niemand die Antwort auf diese einfache Frage weiß – lito

Antwort

6

Mit Chrome können Sie das Fenster "Developer Tools" aus dem Schraubenschlüssel-Menü> Tools> Developer Tools (Tastaturkürzel ist "Strg + Umschalt + I") starten.

Von dort können Sie die Registerkarte "Skripte" auswählen und wählen Sie Ihr Skript in der Liste aller Javascript-Dateien Ihrer Seite.

Sobald Sie Javascript-Datei angezeigt wird, klicken Sie auf die Zeilennummer, um einen Haltepunkt hinzuzufügen.

Wenn Sie dynamisch geladen Code debuggen möchten (siehe Ext.Loader für Details), sollten Sie so etwas wie die folgenden in Ihrer Anwendung hinzufügen:

Ext.Loader.setConfig({disableCaching: false}); 

Schließlich laden Sie Ihre Seite und wenn die gleiche Datei wieder geladen Chrome unterbricht die Ausführung, wenn diese Zeile ausgeführt wird.

Glückliches Debugging!

+0

Gaetan, vielen dank für Ihre Antwort, aber es Sie nicht lesen die Frage, wo ich sagte: „Jedes Mal, wenn ich refresh auf der Seite sind die Breakpoints weg. "Es scheint, dass Sie mit Sencha Touch 2 – lito

+0

nie debuggen Vielleicht ist Ihre Frage: "Wie kann ich JavaScript-Dateien dynamisch debuggen, die von Sencha Touch 2 geladen werden"? Lass mich die Antwort entsprechend ändern. –

0

Also nur ein FYI ... Ich fand (Suche nach "Wie Sencha Touch 2 Anwendungen debuggen? - Teil 1"), dass Sie einfach "Debugger" hinzufügen können zu Ihrem Skript, damit der Chrome-Debugger zu diesem Zeitpunkt unterbrochen wird.

0

Mit Chrom erhalten wir eine Erweiterung für Sencha, „App-Inspektor für Sencha genannt, dass die Erweiterung verwenden, können Sie die Komponenten anzeigen und das Debugging tun

0

Schließen Sie Ihr Handy an den PC und setzen diese in hte Browser.:

Chrom: // inspizieren/# Geräte