Skip to content

Commit 5159863

Browse files
committed
add updated Edge steps and images
1 parent 06fe19b commit 5159863

8 files changed

+12
-12
lines changed

articles/azure-portal/capture-browser-trace.md

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -28,43 +28,43 @@ The following steps show how to use the developer tools in Microsoft Edge. For m
2828

2929
1. By default, the browser keeps trace information only for the page that's currently loaded. Set the following options so the browser keeps all trace information, even if your repro steps require going to more than one page:
3030

31-
1. Select the **Network** tab, then select **Preserve log**.
31+
1. Select the **Console** tab, select **Console settings**, then select **Preserve Log**.
3232

33-
![Screenshot that highlights the Preserve log option on the Network tab.](media/capture-browser-trace/chromium-network-preserve-log.png)
33+
:::image type="content" source="media/capture-browser-trace/edge-console-preserve-log.png" alt-text="Screenshot that highlights the Preserve log option on the Console tab in Edge.":::
3434

35-
1. Select the **Console** tab, select **Console settings**, then select **Preserve Log**.
35+
1. Select the **Network** tab, then select **Preserve log**.
3636

37-
![Screenshot that highlights the Preserve log option on the Console tab.](media/capture-browser-trace/chromium-console-preserve-log.png)
37+
:::image type="content" source="media/capture-browser-trace/edge-network-preserve-log.png" alt-text="Screenshot that highlights the Preserve log option on the Network tab in Edge.":::
3838

39-
1. Select the **Network** tab, then select **Stop recording network log** and **Clear**.
39+
1. On the **Network** tab, select **Stop recording network log** and **Clear**.
4040

41-
![Screenshot of "Stop recording network log" and "Clear" on the Network tab.](media/capture-browser-trace/chromium-stop-clear-session.png)
41+
:::image type="content" source="media/capture-browser-trace/edge-stop-clear-session.png" alt-text="Screenshot showing the Stop recording network log and Clear options on the Network tab in Edge.":::
4242

4343
1. Select **Record network log**, then reproduce the issue in the portal.
4444

45-
![Screenshot that shows how to record the network log.](media/capture-browser-trace/chromium-start-session.png)
45+
:::image type="content" source="media/capture-browser-trace/edge-start-session.png" alt-text="Screenshot showing how to record the network log in Edge.":::
4646

47-
You will see session output similar to the following image.
47+
You'll see session output similar to the following image.
4848

49-
![Screenshot that shows the session output.](media/capture-browser-trace/chromium-browser-trace-results.png)
49+
:::image type="content" source="media/capture-browser-trace/edge-browser-trace-results.png" alt-text="Screenshot showing session output in Edge.":::
5050

5151
1. After you have reproduced the unexpected portal behavior, select **Stop recording network log**, then select **Export HAR** and save the file.
5252

53-
![Screenshot that shows how to Export HAR on the Network tab.](media/capture-browser-trace/chromium-network-export-har.png)
53+
:::image type="content" source="media/capture-browser-trace/edge-network-export-har.png" alt-text="Screenshot showing how to Export HAR on the Network tab in Edge.":::
5454

5555
1. Stop the Steps Recorder and save the recording.
5656

5757
1. Back in the browser developer tools pane, select the **Console** tab. Right-click one of the messages, then select **Save as...**, and save the console output to a text file.
5858

59-
![Screenshot that shows how to save the console output.](media/capture-browser-trace/chromium-console-select.png)
59+
:::image type="content" source="media/capture-browser-trace/edge-console-select.png" alt-text="Sccreenshot showing how to save the console output in Edge.":::
6060

6161
1. Package the browser trace HAR file, console output, and screen recording files in a compressed format such as .zip.
6262

6363
1. Share the compressed file with Microsoft support by [using the **File upload** option in your support request](supportability/how-to-manage-azure-support-request.md#upload-files).
6464

6565
## Google Chrome
6666

67-
The following steps show how to use the developer tools in Microsoft Edge. For more information, see [Chrome DevTools](https://developers.google.com/web/tools/chrome-devtools).
67+
The following steps show how to use the developer tools in Google Chrome. For more information, see [Chrome DevTools](https://developers.google.com/web/tools/chrome-devtools).
6868

6969
1. Sign in to the [Azure portal](https://portal.azure.com). It's important to sign in _before_ you start the trace so that the trace doesn't contain sensitive information related to your account.
7070

50.8 KB
Loading
24.4 KB
Loading
132 KB
Loading
4.29 KB
Loading
26.9 KB
Loading
2.88 KB
Loading
3.01 KB
Loading

0 commit comments

Comments
 (0)