Freigeben über

Sammeln von JavaScript-Funktionstimingdaten in Store-Apps auf einem lokalen Computer

  • Artikel

Gilt nur für Windows

Mit dem Tool JavaScript-Funktionstiming im Visual Studio-Leistungs- und Diagnosehub können Sie leistungsbezogene Probleme in Ihrem Code messen, auswerten und beheben. Der Profiler erfasst Zeitsteuerungsinformationen am Eingang und Ausgang jeder Funktion in Ihrer App. Die Ansichten der Profilerstellungsberichte bieten grafische und tabellarische Darstellungen ausführlicher und umfangreicher Informationen zur Leistung Ihrer App. Zudem vereinfachen sie die Navigation in den Ausführungspfaden des Codes und die Ausführungskosten der Funktionen, sodass Sie die Optimierungsmöglichkeiten sofort erkennen. Sie können ein Profil des gesamten Ausführungsverlaufs Ihrer App erstellen oder die Profilerstellung anhalten und fortsetzen, um Daten nur für bestimmte Szenarien zu erfassen.

Hinweis

Beginnend mit Visual Studio 2013 Update 2 können Sie das CPU-Auslastungstool verwenden, um einen großen Teil derselben Daten wie mit dem JavaScript-Funktionstimingtool zu erfassen.Weitere Informationen finden Sie unter Analysieren der CPU-Auslastung in Store-Apps.Im Folgenden sind die Hauptunterschiede zwischen den Tools aufgeführt:

  • Das JavaScript-Funktionstimingtool erfasst die Anzahl der Aufrufe an die Funktionen in Ihrer App.Es kann jedoch nicht für Windows Phone-Apps ausgeführt werden, und Sie können keine anderen Tools in einer Profilerstellungssitzung ausführen.

  • Das CPU-Auslastungstool kann mit allen Windows Runtime-Apps ausgeführt werden.Sie können außerdem Daten aus anderen Diagnosetools wie dem Energierverbrauchstool erfassen, um bestimmte Probleme zu diagnostizieren.

In diesem Thema wird beschrieben, wie Sie ein Profil von JavaScript-Code in Windows-Apps auf einem lokalen Computer über die Visual Studio IDE erstellen.

In diesem Thema

Sie erfahren Folgendes:

Schnellstart: Profilerstellung leicht gemacht

Konfigurieren der Eigenschafteneinstellungen für das Debuggen des Projekts

Profilerstellung für die App

  • Erfassen von Leistungsdaten für die gesamte Ausführung der Profilerstellung

  • Erfassen von Leistungsdaten für bestimmte Szenarien

Schnellstart: Profilerstellung leicht gemacht

In vielen Fällen können Sie die Profilerstellungsdaten für eine Anwendung in vier Schritten erfassen.

Der Visual Studio-Profiler verwendet jedoch die Debugeinstellungen des Projekts, um die Bereitstellung der Anwendung auf dem lokalen Computer zu konfigurieren. Wenn Sie zum Debuggen des Projekts eine der Standardeinstellungen geändert haben, sollten Sie zunächst überprüfen, ob die Einstellungen für die Profilerstellung geeignet sind. Weitere Informationen finden Sie unter Konfigurieren der Eigenschafteneinstellungen für das Debuggen des Projekts in diesem Thema.

Profilerstellung in vier Schritten

  1. **Wählen Sie den lokalen Computer als das Bereitstellungsziel aus.**Wählen Sie in der Symbolleiste von Visual Studio Standard in der Dropdownliste neben der Schaltfläche Debuggen starten den Eintrag Lokaler Computer aus.

    Ausführen auf lokalem Computer

  2. Starten Sie den Profiler. Wählen Sie Leistungsanalyse starten (Tastenkombination: ALT+F2 aus, um Ihre App zu starten und sofort mit der Profilerstellung zu beginnen.

  3. **Verwenden Sie die App.**Führen Sie die Teile der App aus, für die ein Profil erstellt werden soll. Wiederholen Sie die wichtigsten Szenarien, um genauere Ergebnisse zu erhalten.

  4. Beenden Sie die Profilerstellung. Wählen Sie im Profilerstellungsdokumentfenster Profilerstellung beenden aus (Tastenkombination: STRG+ALT+F2). Der Profiler analysiert die Daten und zeigt die Zusammenfassungsansicht der Profilerstellungsdaten an.

Wenn Sie die Profilerstellung beenden, analysiert der Profiler die Daten und zeigt die Zusammenfassungsansicht der Profilerstellungsdaten in einem Dokumentfenster der IDE an. Weitere Informationen finden Sie unter Analysieren von JavaScript-Funktionstimingdaten in Store-Apps.

Konfigurieren der Eigenschafteneinstellungen für das Debuggen des Projekts

  1. Klicken Sie im Menü Debuggen auf Projekteigenschaften.

  2. Wählen Sie Debugging im Knoten Konfigurationseigenschaften aus.

    Debugeigenschaften

  3. Verwenden Sie die folgende Tabelle, um für die Einstellungen die geeigneten Werte zu konfigurieren:

    Option

    Wert

    Zu startender Debugger

    Legen Sie hier Lokaler Rechner fest.

    Anwendung starten

    Legen Sie hier Ja fest.

    Lokales Netzwerkloopback zulassen

    Diese Einstellung hat keine Auswirkung auf die Profilerstellung.

    Debuggertyp

    • Legen Sie hier Nur Skript fest, um ein Profil von JavaScript zu erstellen.

    • Legen Sie einen der anderen Werte fest, um ein Profil der C#-/VB-/C++-Komponenten der JavaScript-App zu erstellen.

Profilerstellung für die App

Sie können Profilerstellungsdaten für die gesamte Ausführung oder nur für bestimmte Szenarien erfassen. Sie können außerdem Profilerstellungsdaten für die C#-/VB-/C++-Komponenten der JavaScript-App erfassen.

Profilerstellung beenden

Erfassen von Leistungsdaten für die gesamte Ausführung der Profilerstellung

Hinweis

Dieses Verfahren ist im Wesentlichen dasselbe wie unter Schnellstart: Profilerstellung leicht gemacht beschrieben.

Gehen Sie wie folgt vor, um ein Profil Ihrer App vom Anfang bis zum Ende zu erstellen:

  1. Starten Sie den Profiler. Wählen Sie Leistungsanalyse starten (Tastenkombination: ALT+F2) aus, um Ihre App zu starten und sofort mit der Profilerstellung zu beginnen.

  2. **Verwenden Sie die App.**Führen Sie die Teile der App aus, für die ein Profil erstellt werden soll. Wiederholen Sie die wichtigsten Szenarien, um genauere Ergebnisse zu erhalten.

  3. Beenden Sie die Profilerstellung. Wählen Sie im Profilerstellungsdokumentfenster Profilerstellung beenden aus (Tastenkombination: STRG+ALT+F2). Der Profiler analysiert die Daten und zeigt die Zusammenfassungsansicht der Profilerstellungsdaten an.

Erfassen von Leistungsdaten für bestimmte Szenarien

Gehen Sie wie folgt vor, um ein Profil für ein bestimmtes Szenario in Ihrer App zu erstellen:

  1. Starten Sie den Profiler. Wählen Sie Starten der Leistungsanalyse angehalten (Tastenkombination: STRG+ALT+F2) aus, um Ihre App mit angehaltener Profilerstellung zu starten.

  2. Setzen Sie die Profilerstellung fort, und halten Sie sie an. Wählen Sie direkt vor Beginn des Szenarios, das Sie interessiert, im Profilerstellungsdokumentfenster Profilerstellung fortsetzen aus. Verwenden Sie das Szenario, und wählen Sie dann Profilerstellung anhalten aus, um die Datenerfassung anzuhalten. Sie können die Profilerstellung beliebig oft anhalten und fortsetzen.

  3. Wiederholen Sie die wichtigsten Szenarien, um genauere Ergebnisse zu erhalten.

  4. Beenden Sie die Profilerstellung. Wählen Sie im Profilerstellungsdokumentfenster Profilerstellung beenden aus (Tastenkombination: STRG+ALT+F2).

Wenn Sie die Profilerstellung beenden, analysiert der Profiler die Daten und zeigt die Zusammenfassungsansicht der Profilerstellungsdaten in einem Dokumentfenster der IDE an. Weitere Informationen finden Sie unter Analysieren von JavaScript-Funktionstimingdaten in Store-Apps.

Siehe auch

Konzepte

Analysieren der CPU-Auslastung in Store-Apps

Analysieren von JavaScript-Funktionstimingdaten in Store-Apps