Skip to content

Commit 5a9aaa8

Browse files
authored
Update debug-JavaScript-code.md
added steps to debug JS on iOS. removed the iOS limitation note
1 parent bdf998d commit 5a9aaa8

File tree

1 file changed

+21
-9
lines changed

1 file changed

+21
-9
lines changed

powerapps-docs/developer/model-driven-apps/clientapi/debug-JavaScript-code.md

Lines changed: 21 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,7 @@ In a model-driven app viewed within a web browser, you can use developer tools t
2323
Model-driven apps viewed using mobile apps on Android, or the Windows desktop app require some additional steps. See:
2424

2525
- [Debug JavaScript in mobile apps on Android](#debug-javascript-in-mobile-apps-on-android)
26+
- [Debug JavaScript in mobile apps on iOS](#debug-javascript-in-mobile-apps-on-iOS)
2627
- [Debug JavaScript in the Windows desktop app](#debug-javascript-in-the-windows-desktop-app)
2728

2829
> [!NOTE]
@@ -68,10 +69,7 @@ In this case, the name of the function was incorrect, `openalertDialog` should b
6869

6970
While using JavaScript web resources for mobile scenarios, you can use your Android device to debug your mobile-specific code and ensure it works as expected.
7071

71-
> [!NOTE]
72-
> It is not currently possible to debug devices using iOS.
73-
74-
To debug JavaScript in mobile apps, you must complete the three steps below:
72+
To debug JavaScript in mobile apps on Android, you must complete the three steps below:
7573

7674
### 1. Configure your device
7775

@@ -88,13 +86,8 @@ To debug JavaScript in mobile apps, you must complete the three steps below:
8886

8987
1. In the mobile app, go to the list of Power Apps and select on the menu button.
9088
1. Make sure that the toggle **Enable remote debugging for model-driven apps** is on.
91-
92-
:::image type="content" source="media/field-service-mobile-app-settings.png" alt-text="Field service mobile app settings":::
93-
9489
1. When enabling this option, there's a confirmation dialog. Select **Confirm**.
9590

96-
:::image type="content" source="media/field-service-mobile-app-settings-confirm-remote-debugging.png" alt-text="Confirm remote debugging dialog":::
97-
9891
### 3. Debug from your development machine
9992

10093
1. Plug your computer to your Android device.
@@ -107,6 +100,25 @@ To debug JavaScript in mobile apps, you must complete the three steps below:
107100

108101
More information: [Microsoft Edge: Remotely debug Android devices](/microsoft-edge/devtools-guide-chromium/remote-debugging/)
109102

103+
## Debug JavaScript in mobile apps on iOS
104+
105+
You can use Safari on a Mac to debug JavaScript web resources on iOS.
106+
107+
To debug JavaScript in mobile apps on iOS, you must complete the three steps below:
108+
109+
### Configure the mobile application
110+
111+
1. In the mobile app, go to the list of Power Apps and select on the menu button.
112+
1. Make sure that the toggle **Enable remote debugging for model-driven apps** is on.
113+
114+
## Debug from your Mac
115+
116+
1. Connect your iPhone or iPad to your Mac.
117+
1. Launch Safari on your Mac.
118+
1. In the Develop menu, find your connected iPhone or iPad, and then look for Power Apps or Field Service.
119+
120+
More information: [Inspecting iOS and iPadOS | Apple Developer Documentation](https://developer.apple.com/documentation/safari-developer-tools/inspecting-ios)
121+
110122
## Debug JavaScript in the Windows desktop app
111123

112124
To debug JavaScript on Windows, you must first install the prerequisite applications.

0 commit comments

Comments
 (0)