Skip to content

Commit 9a5b91e

Browse files
committed
acrolinx
1 parent fa089f2 commit 9a5b91e

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

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

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -18,9 +18,9 @@ contributors:
1818

1919
Custom logic using JavaScript in model-driven apps are contained within JavaScript web resources. JavaScript web resources provide the libraries that define functions developers register as event handlers.
2020

21-
In a model-driven app viewed within a web browser, you can use developer tools that all modern browsers provide. With these tools you can locate the JavaScript libraries loaded in the model-driven application, set break points and debug your code using common methods.
21+
In a model-driven app viewed within a web browser, you can use developer tools that all modern browsers provide. With these tools you can locate the JavaScript libraries loaded in the model-driven application, set break points, and debug your code using common methods.
2222

23-
Model-driven apps viewed using mobile apps on Android, or the Windows desktop app require some additional steps. See:
23+
Model-driven apps viewed using mobile apps on Android, or the Windows desktop app require some more steps. See:
2424

2525
- [Debug JavaScript in mobile apps on Android](#debug-javascript-in-mobile-apps-on-android)
2626
- [Debug JavaScript in mobile apps on iOS](#debug-javascript-in-mobile-apps-on-ios)
@@ -33,7 +33,7 @@ Model-driven apps viewed using mobile apps on Android, or the Windows desktop ap
3333
3434
More information:
3535

36-
- [mdn web docs: What are browser developer tools?](https://developer.mozilla.org/docs/Learn/Common_questions/What_are_browser_developer_tools).
36+
- [Mdn web docs: What are browser developer tools?](https://developer.mozilla.org/docs/Learn/Common_questions/What_are_browser_developer_tools).
3737

3838
- [Microsoft Edge Sources](/microsoft-edge/devtools-guide-chromium/sources/)
3939
- [Google Chrome Sources](https://developer.chrome.com/docs/devtools/sources/)
@@ -46,7 +46,7 @@ When an event handler causes a script error in a model-driven app, the following
4646

4747
:::image type="content" source="media/script-error-dialog.png" alt-text="Script error dialog":::
4848

49-
If you click the **Show Details** link, you can find the details that include: event name, function name, web resource name, solution name, and publisher name.
49+
If you select the **Show Details** link, you can find the details that include: event name, function name, web resource name, solution name, and publisher name.
5050

5151
```
5252
Xrm.Navigation.openalertDialog is not a function
@@ -69,7 +69,7 @@ In this case, the name of the function was incorrect, `openalertDialog` should b
6969

7070
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.
7171

72-
To debug JavaScript in mobile apps on Android, you must complete the three steps below:
72+
To debug JavaScript in mobile apps on Android, you must complete the following three steps:
7373

7474
### 1. Configure your device
7575

@@ -86,7 +86,7 @@ To debug JavaScript in mobile apps on Android, you must complete the three steps
8686

8787
1. In the mobile app, go to the list of Power Apps and select on the menu button.
8888
1. Make sure that the toggle **Enable remote debugging for model-driven apps** is on.
89-
1. When enabling this option, there's a confirmation dialog. Select **Confirm**.
89+
1. There's a confirmation dialog when you enable this option. Select **Confirm**.
9090

9191
### 3. Debug from your development machine
9292

@@ -96,15 +96,15 @@ To debug JavaScript in mobile apps on Android, you must complete the three steps
9696

9797
:::image type="content" source="media/edge-inspect-devices.png" alt-text="Edge DevTools Devices screen":::
9898

99-
1. Click on **inspect**.
99+
1. Select on **inspect**.
100100

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

103103
## Debug JavaScript in mobile apps on iOS
104104

105105
You can use Safari on a Mac to debug JavaScript web resources on iOS.
106106

107-
To debug JavaScript in mobile apps on iOS, you must complete the two steps below:
107+
To debug JavaScript in mobile apps on iOS, you must complete the following two steps:
108108

109109
### 1. Configure the mobile application
110110

@@ -137,7 +137,7 @@ To debug JavaScript on Windows, you must first install the prerequisite applicat
137137

138138
1. Open **Windows Settings** > **Privacy & security** > **For developers**.
139139
1. Enable **Device Portal**.
140-
1. Click **Yes** to install Windows Developer Mode package when prompted.
140+
1. Select **Yes** to install Windows Developer Mode package when prompted.
141141
1. Once Device Portal is enabled, **note the URL you will use to connect using localhost**. On most devices, it's `https://localhost:50080`
142142
1. For debugging Power Apps / Field Service Mobile locally, you can continue with **Restrict to loopback connections only** enabled and **Authentication** disabled (otherwise you need to set a user password)
143143

@@ -162,7 +162,7 @@ Use the **Run command** (shortcut is `Windows + R`) and use the following deep l
162162

163163
:::image type="content" source="media/devtools-configuration-for-windows.png" alt-text="Inspect in the DevTools screen":::
164164

165-
1. Click **inspect** and the DevTools will open.
165+
1. Select **inspect** and the DevTools opens.
166166

167167
### Related articles
168168

0 commit comments

Comments
 (0)