Debuggen von JavaScript-Code für modellbasierte Apps

Angepasste Logik mit JavaScript in modellbasierten Apps ist in JavaScript-Webressourcen enthalten. JavaScript-Webressourcen stellen die Bibliotheken bereit, die Funktionen definieren, die Entwickler als Handler für Ereignisse registrieren.

In einer modellbasierten App, die in einem Webbrowser angezeigt wird, können Sie Entwickler-Tools verwenden, die alle modernen Browser bieten. Mit diesen Tools können Sie die in der modellbasierten Anwendung geladenen JavaScript-Bibliotheken ausfindig machen, Haltepunkte festlegen und Ihren Code mit allgemeinen Methoden debuggen.

Modellgesteuerte Apps, die mit mobilen Apps auf Android oder der Windows-Desktop-App angezeigt werden, erfordern einige zusätzliche Schritte. Siehe:

• Debuggen von JavaScript in Mobile-Apps auf Android
• Debuggen von JavaScript in der Windows-Desktop-App

Weitere Informationen:

• mdn web docs: Was sind Browser Developer Tools?.

  • Microsoft Edge Quellen
  • Google Chrome Quellen
  • Mozilla Firefox JavaScript Debugger
  • Registerkarte Debugger für Safari

Die fehlerverursachende JavaScript Web-Ressource identifizieren

Wenn ein Ereignis Handler einen Skript-Fehler in einer modellbasierten App verursacht, erscheint der folgende Dialog:

Wenn Sie auf den Link Details anzeigen klicken, finden Sie folgende Details: Name des Ereignisses, Funktionsname, Name der Webressource, Name der Lösung und Name des Publishers.

Xrm.Navigation.openalertDialog is not a function
Session Id: 53febd7c-3388-4ea5-a195-d84cf5883c30
Correlation Id: d154420e-5999-4250-b140-081f04a8e264
Event Name: onsave
Function Name: Example.formOnSave
Web Resource Name: example_example-form-script
Solution Name: Active
Publisher Name: DefaultPublisherYourOrg
Time: Tue Jan 31 2023 13:36:34 GMT-0800 (Pacific Standard Time)

In diesem Fall war der Name der Funktion falsch, openalertDialog sollte openAlertDialog sein.

Debuggen von JavaScript in Mobile-Apps auf Android

Bei der Verwendung von JavaScript-Webressourcen für mobile Szenarien können Sie Ihr Android-Gerät verwenden, um Ihren mobilspezifischen Code zu debuggen und sicherzustellen, dass er wie erwartet funktioniert.

Um JavaScript in Mobile-Apps zu debuggen, müssen Sie die folgenden drei Schritte ausführen:

1. Konfigurieren Sie Ihr Gerät

• Schlagen Sie in der Android-Dokumentation nach, um die Entwickleroptionen und das USB-Debugging auf Ihrem Gerät zu aktivieren. Weitere Informationen: Android Entwickler: Konfigurieren Sie die Entwickleroptionen auf dem Gerät

• Entdecken Sie Ihr Android-Gerät im Microsoft Edge- oder Chrome-Browser. Mehr Informationen dazu: Chrome-Entwickler: Remote-Debugging von Android-Geräten

  • Auf Microsoft Edge: edge://inspect/#devices
  • Auf Chrome: chrome://inspect/#devices

2. Konfigurieren Sie die mobile Anwendung

1. Gehen Sie in der Mobile-App auf die Liste von Power Apps und wählen Sie die Menü-Schaltfläche.

2. Stellen Sie sicher, dass der Schalter Remote-Debugging für modellbasierte Apps aktivieren eingeschaltet ist.

   

3. Wenn Sie diese Option aktivieren, wird ein Bestätigungsdialog angezeigt. Wählen Sie Bestätigen aus.

   

3. Debuggen von Ihrem Entwicklungsrechner aus

1. Schließen Sie Ihren Computer an Ihr Android-Gerät an.

2. Öffnen Sie eine beliebige modellbasierte App von Power Apps oder die Field Service Mobile-App

3. Suchen Sie auf der Seite edge://inspect/#devices in Ihrem Browser die URL Ihrer Organisation im Abschnitt Remote-Ziel.

   

4. Klicken Sie auf Untersuchen.

Weitere Informationen: Microsoft Edge: Android Geräte remote debuggen

Debuggen von JavaScript in der Windows-Desktop-App

Um JavaScript unter Windows zu debuggen, müssen Sie zuerst die vorausgesetzten Anwendungen installieren.

• Auf Ihrem Computer muss eine WebView2 Runtime mit mindestens Version 111 installiert sein. WebView2 Runtime herunterladen
• Sie müssen die Remote-Tools für Microsoft Edge aus dem Microsoft Store installieren: Remote Tools for Microsoft Edge - Microsoft Store-Apps

1. Konfigurieren Sie Ihr Windows-Gerät

1. Aktivieren Sie den Entwicklermodus.

   1. Öffnen Sie Windows-Einstellungen > Datenschutz & Sicherheit > Für Entwickler.
   2. Aktivieren Sie den Entwicklermodus.

2. Aktivieren Sie das Geräteportal.

   1. Öffnen Sie Windows-Einstellungen > Datenschutz & Sicherheit > Für Entwickler.
   2. Aktivieren Sie das Geräteportal.
   3. Klicken Sie auf Ja, um das Paket für den Windows-Entwicklermodus zu installieren, wenn Sie dazu aufgefordert werden.
   4. Sobald das Geräteportal aktiviert ist, notieren Sie sich die URL, die Sie verwenden, um eine Verbindung mit localhost herzustellen. Auf den meisten Geräten ist es https://localhost:50080
   5. Zum lokalen Debuggen von Power Apps/Field Service Mobile können Sie fortfahren, indem Nur auf Loopbackverbindungen beschränken aktiviert und Authentifizierung deaktiviert ist (andernfalls müssen Sie ein Benutzerkennwort festlegen)

   Hier ist eine Screenshot-Zusammenfassung der empfohlenen Entwicklereinstellungen:

   

2. Windows-Anwendung konfigurieren

Konfigurieren Sie die Power Apps- oder Field Service-Windows-Desktop-App für das Remote-Debugging.

Verwenden Sie den Ausführen-Befehl (Tastenkombination Windows + R) und verwenden Sie den folgenden Tiefenlink, um die Windows-App mit speziellen Argumenten zu starten.

• Power Apps: ms-apps://?addWebView2AdditionalBrowserArgument=--enable-features=msEdgeDevToolsWdpRemoteDebugging
• Field Service Mobile: ms-apps-fs://?addWebView2AdditionalBrowserArgument=--enable-features=msEdgeDevToolsWdpRemoteDebugging

3. Debuggen Sie von Windows aus

1. Starten Sie Power Apps oder Field Service für Windows.

2. Öffnen Sie den Microsoft Edge-Browser, und navigieren Sie zu edge://inspect.

3. Verwenden Sie den Abschnitt Mit einem entfernten Windows-Gerät verbinden und verbinden Sie sich mit http://localhost:50080. Das Herstellen der Verbindung dauert einige Sekunden, aber Sie sollten die URL der Organisation sehen.

   

4. Klicken Sie auf Prüfen und die DevTools werden geöffnet.

Ähnliche Artikel

JavaScript-Webressourcen
Debuggen einer modellbasierten App mit Monitor
Problembehandlung von Problemen in der Mobile-App Power Apps