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 modellgesteuerten Anwendung geladenen JavaScript-Bibliotheken lokalisieren, Haltepunkte festlegen und Ihren Code mit gängigen Methoden debuggen.

Für modellgesteuerte Apps, die mithilfe von mobilen Apps auf Android oder der Windows-App Auswählen angezeigt werden, sind einige zusätzliche Schritte erforderlich. Siehe:

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

Hinweis

Aufgrund der Art und Weise, wie die Bibliotheken der Seite hinzugefügt werden, finden Sie die Bibliothek, die die JavaScript-Webressource darstellt, möglicherweise nicht so leicht. Diese Bibliotheken sind möglicherweise nicht in der Dateiliste oder in der Hierarchie der Quelldateien aufgeführt.

Wenn Sie den Namen der JavaScript-Web-Ressource kennen, die Sie debuggen möchten, können Sie für Microsoft Edge oder Google Chrome-Quellen den Befehl Ctrl+P Datei öffnen verwenden, um die Datei anhand ihres Namens zu finden und mit der Fehlersuche zu beginnen. Wenn Sie einen Ereignis-Handler haben, der einen Fehler verursacht, Sie aber den Namen der Datei nicht kennen, lesen Sie Fehlerverursachende JavaScript-Webressource identifizieren.

Weitere Informationen:

• MDN-Webdokumente: Was sind Browser-Entwicklertools?

  • 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 Details anzeigen verknüpfen klicken, können Sie die Details finden, darunter: Ereignisname, Funktionsname, Name der Webressource, Lösungsname und Herausgebername.

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.

Hinweis

Die gleichen Details zu Fehlern erhalten Sie mit Monitor. Weitere Informationen: Angepasste Skriptfehler.

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 mobilen Apps auf Android 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

Hinweis

Stellen Sie sicher, dass USB-Geräte erkennen aktiviert ist.

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ätigungsdialogfeld 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. Auswählen auf inspect.

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

Debuggen Sie JavaScript in mobilen Apps auf iOS

Sie können Safari auf einem Mac verwenden, um JavaScript-Webressourcen auf iOS zu debuggen.

Um JavaScript in mobilen Apps auf iOS zu debuggen, müssen Sie die folgenden zwei Schritte ausführen:

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

2. Debuggen von Ihrem Mac

1. Desktop Ihr iPhone oder iPad auf Ihren Mac.
2. Starten Sie Safari auf Ihrem Mac.
3. Suchen Sie im Menü Entwickeln nach Ihrem verbundenen iPhone oder iPad und suchen Sie dann nach Power Apps oder Field Service.

Weitere Informationen: Inspecting iOS und iPadOS | Apple-Entwicklerdokumentation

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. Auswählen Ja, um das Windows-Entwicklermodus-Paket bei entsprechender Aufforderung zu installieren.
   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. Auswählen inspect 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

Hinweis

Können Sie uns Ihre Präferenzen für die Dokumentationssprache mitteilen? Nehmen Sie an einer kurzen Umfrage teil. (Beachten Sie, dass diese Umfrage auf Englisch ist.)

Die Umfrage dauert etwa sieben Minuten. Es werden keine personenbezogenen Daten erhoben. (Datenschutzbestimmungen).