Skip to content

Commit 0b21dc8

Browse files
JnHsJnHs
committed
cleanup
1 parent 5159863 commit 0b21dc8

File tree

1 file changed

+24
-24
lines changed

1 file changed

+24
-24
lines changed

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

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -76,35 +76,35 @@ The following steps show how to use the developer tools in Google Chrome. For mo
7676

7777
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:
7878

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

81-
![Screenshot that highlights the Preserve log option on the Network tab.](media/capture-browser-trace/chromium-network-preserve-log.png)
81+
![Screenshot that highlights the Preserve log option on the Console tab in Chrome.](media/capture-browser-trace/chromium-console-preserve-log.png)
8282

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

85-
![Screenshot that highlights the Preserve log option on the Console tab.](media/capture-browser-trace/chromium-console-preserve-log.png)
85+
![Screenshot that highlights the Preserve log option on the Network tab in Chrome.](media/capture-browser-trace/chromium-network-preserve-log.png)
8686

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

89-
![Screenshot of "Stop recording network log" and "Clear" on the Network tab.](media/capture-browser-trace/chromium-stop-clear-session.png)
89+
![Screenshot of "Stop recording network log" and "Clear" on the Network tab in Chrome.](media/capture-browser-trace/chromium-stop-clear-session.png)
9090

9191
1. Select **Record network log**, then reproduce the issue in the portal.
9292

93-
![Screenshot that shows how to record the network log.](media/capture-browser-trace/chromium-start-session.png)
93+
![Screenshot that shows how to record the network log in Chrome.](media/capture-browser-trace/chromium-start-session.png)
9494

95-
You will see session output similar to the following image.
95+
You'll see session output similar to the following image.
9696

97-
![Screenshot that shows the session output.](media/capture-browser-trace/chromium-browser-trace-results.png)
97+
![Screenshot that shows the session output in Chrome.](media/capture-browser-trace/chromium-browser-trace-results.png)
9898

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

101-
![Screenshot that shows how to Export HAR on the Network tab.](media/capture-browser-trace/chromium-network-export-har.png)
101+
![Screenshot that shows how to Export HAR on the Network tab in Chrome.](media/capture-browser-trace/chromium-network-export-har.png)
102102

103103
1. Stop the Steps Recorder and save the recording.
104104

105105
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.
106106

107-
![Screenshot that shows how to save the console output.](media/capture-browser-trace/chromium-console-select.png)
107+
![Screenshot that shows how to save the console output in Chrome.](media/capture-browser-trace/chromium-console-select.png)
108108

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

@@ -130,23 +130,23 @@ The following steps show how to use the developer tools in Apple Safari on Mac.
130130

131131
1. Select **Develop**, then select **Show Web Inspector**.
132132

133-
![Screenshot of the "Show Web Inspector" command.](media/capture-browser-trace/safari-show-web-inspector.png)
133+
![Screenshot of the "Show Web Inspector" command.](media/capture-browser-trace/safari-show-web-inspector.png)
134134

135135
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:
136136

137-
1. Select the **Network** tab, then select **Preserve Log**.
137+
1. Select the **Console** tab, then select **Preserve Log**.
138138

139-
![Screenshot that shows the Preserve Log option on the Network tab.](media/capture-browser-trace/safari-network-preserve-log.png)
139+
![Screenshot that shows the Preserve Log on the Console tab.](media/capture-browser-trace/safari-console-preserve-log.png)
140140

141-
1. Select the **Console** tab, then select **Preserve Log**.
141+
1. Select the **Network** tab, then select **Preserve Log**.
142142

143-
![Screenshot that shows the Preserve Log on the Console tab.](media/capture-browser-trace/safari-console-preserve-log.png)
143+
![Screenshot that shows the Preserve Log option on the Network tab.](media/capture-browser-trace/safari-network-preserve-log.png)
144144

145-
1. Select the **Network** tab, then select **Clear Network Items**.
145+
1. On the **Network** tab, select **Clear Network Items**.
146146

147147
![Screenshot of "Clear Network Items" on the Network tab.](media/capture-browser-trace/safari-clear-session.png)
148148

149-
1. Reproduce the issue in the portal. You will see session output similar to the following image.
149+
1. Reproduce the issue in the portal. You'll see session output similar to the following image.
150150

151151
![Screenshot that shows the output after you've reproduced the issue.](media/capture-browser-trace/safari-browser-trace-results.png)
152152

@@ -178,19 +178,19 @@ The following steps show how to use the developer tools in Firefox. For more inf
178178

179179
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:
180180

181-
1. Select the **Network** tab, select the **Settings** icon, and then select **Persist Logs**.
182-
183-
:::image type="content" source="media/capture-browser-trace/firefox-network-persist-logs.png" alt-text="Screenshot of the Network setting for Persist Logs.":::
184-
185181
1. Select the **Console** tab, select the **Settings** icon, and then select **Persist Logs**.
186182

187183
:::image type="content" source="media/capture-browser-trace/firefox-console-persist-logs.png" alt-text="Screenshot of the Console setting for Persist Logs.":::
188184

189-
1. Select the **Network** tab, then select **Clear**.
185+
1. Select the **Network** tab, select the **Settings** icon, and then select **Persist Logs**.
186+
187+
:::image type="content" source="media/capture-browser-trace/firefox-network-persist-logs.png" alt-text="Screenshot of the Network setting for Persist Logs.":::
188+
189+
1. On the **Network** tab, select **Clear**.
190190

191191
![Screenshot of the "Clear" option on the Network tab.](media/capture-browser-trace/firefox-clear-session.png)
192192

193-
1. Reproduce the issue in the portal. You will see session output similar to the following image.
193+
1. Reproduce the issue in the portal. You'll see session output similar to the following image.
194194

195195
![Screenshot showing example browser trace results.](media/capture-browser-trace/firefox-browser-trace-results.png)
196196

0 commit comments

Comments
 (0)