Jetzt habe ich den Haltepunkt hier entfernt und jetzt, da wir die Debugging-Tools in Aktion gesehen haben,
schauen wir uns diese Debugging-Overlays genauer an,
die wir auf diesen virtuellen Geräten oder auch auf realen Geräten öffnen können.
Unter Android öffnen Sie es also erneut mit dem Befehl oder der Steuerung m,
und zunächst höre ich beim Debuggen von Remote-JS auf. Sie müssen dies immer beenden, wenn Sie fertig sind,
und Sie sollten es stoppen, wenn Sie es nicht mehr benötigen, da es Ihre App verlangsamt, auch wenn sie ausgeführt wird,
und jetzt wollen wir sehen, welche anderen coolen Dinge wir dort sehen können. Zum Beispiel können wir die App neu
laden, sie einfach neu laden, falls sie irgendwie hängen bleibt. Sie können
auch das Live-Neuladen deaktivieren. Dies ist das automatische Neuladen, wenn Sie etwas im Code
ändern.
Sie können versuchen, das Hot-Reloading zu aktivieren. Dies bedeutet, dass versucht wird, Teile des Bildschirms, die sich geändert haben,
neu zu laden, ohne die
gesamte App nach dem Speichern einer Datei neu zu laden. Standardmäßig wird die gesamte App neu geladen, und das Hot-Reloading funktioniert häufig nicht
genau so es sollte funktionieren, weshalb es nicht standardmäßig aktiviert ist.
Also werde ich hier auch
live nachladen, aber damit können Sie herumspielen, und dann bekommen wir diese drei anderen Dinge dort
unten, wo besonders der Inspektor und der Leistungsmonitor sehr interessant sind.
Beginnen wir mit dem Leistungsmonitor.
Wenn Sie dies aktivieren, erhalten Sie dieses Overlay, das Sie im Wesentlichen über die Leistung informiert, die Sie haben, und
dort sehen Sie, wie viele Frames Ihre App ausführt, wie viele Frames gelöscht wurden und so weiter.
Beachten Sie jetzt bitte, dass die Leistung, die Sie hier sehen, nicht die
endgültige Leistung Ihrer App ist, da sie sich noch
im Entwicklungsmodus befindet. Wir haben den Debugger nicht angeschlossen, aber der Entwicklungsmodus bedeutet auch, dass Ihr Code
viel Overhead
enthält Zum Beispiel das Overlay, das Sie hier sehen und das sozusagen Teil der App ist, wodurch Ihre
Apps langsamer werden als normalerweise.
Dies kann also ein Indikator sein, aber es ist nicht der endgültige produktionsbereite Test, den Sie durchführen sollten.
Trotzdem kann es schön sein, hier öffnen Sie es mit dem Befehl d unter iOS. Es kann schön sein, dies zu untersuchen und ein
Gefühl dafür zu bekommen, wie sich Ihre App verhält und wie sie funktioniert, wie viel Speicher verbraucht wird und so weiter.
Dies kann Ihnen auch dabei helfen, Speicherlecks zu erkennen, wenn dieser Wert beispielsweise immer höher wird und Sie immer mehr
Speicher auf dem Gerät belegen.