Add images, edge draft

Author: mgblythe

articles/azure-portal/TOC.yml

@@ -54,8 +54,13 @@
           href: supportability/classic-deployment-model-quota-increase-requests.md 
       - name: Increase networking limits
         href: supportability/networking-quota-requests.md
-    - name: Troubleshoot region or SKU subscription issues
-      href: supportability/sku-series-unavailable.md
+    - name: Troubleshoot Azure portal issues
+      items:
+      - name: Troubleshoot region or SKU subscription issues
+        href: supportability/sku-series-unavailable.md
+      - name: Capture a browser trace for troubleshooting
+        href: azure-portal-browser-trace.md
+
 - name: Reference
   items:
   - name: Keyboard shortcuts

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

@@ -14,7 +14,7 @@ manager:  mtillman
 
 # Capture a browser trace for troubleshooting
 
-If you're troubleshooting an issue with the Azure portal, and you need to contact Microsoft support, we recommend you first capture a browser trace and some additional information. The information you collect can provide important details about the portal at the time the issue occurs. Follow the steps in this article for the brower you use: Microsoft Edge, Google Chrome, or Apple Safari.
+If you're troubleshooting an issue with the Azure portal, and you need to contact Microsoft support, we recommend you first capture a browser trace and some additional information. The information you collect can provide important details about the portal at the time the issue occurs. Follow the steps in this article for the browser you use: Microsoft Edge, Google Chrome, or Apple Safari.
 
 ## Microsoft Edge
 
@@ -24,84 +24,44 @@ If you're troubleshooting an issue with the Azure portal, and you need to contac
 
 1. In the portal, navigate to the step just prior to where the issue occurs.
 
-1. Press F12 or select **More Tools** > **Developer Tools**.
+1. Press F12 or select ![Screenshot of browser settings icon](media/azure-portal-browser-trace/edge-icon-settings.png) > **More tools** > **Developer tools**.
 
 1. Ensure that the trace captures information from all the pages you visit in the portal:
 
-    1. Select the **Network** tab, and clear the option **Clear entries on navigate**.
+    1. Select the **Network** tab, then clear the option **Clear entries on navigate**.
 
-    1. Select the **Console** tab, and select **SOMELOGTHING**.
+          ![Screenshot of "Clear entries on navigate"](media/azure-portal-browser-trace/edge-network-clear-entries.png)
 
-1. Select the **Network** tab.
+    1. Select the **Console** tab, then select **Preserve Log**.
 
-1. Select **Stop profiling session** and **Clear session**.
+          ![Screenshot of "Preserve Log"](media/azure-portal-browser-trace/edge-console-preserve-log.png)
 
-1. Restart the session, then reproduce the issue in the portal. You will see session output similar to the following image.
-
-1. Stop the session and select **Export as HAR**.
-
-1. Compress the HAR file and send it to support for analysis and troubleshooting.
-
-1. Select the **Console** tab
-
-1. Copy and save
-
-
-## Scratch
-
-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 sign-in. 
-
-1. (Optional) Start recording the steps you take in the portal, using [Steps Recorder](https://support.microsoft.com/help/22878/windows-10-record-steps).
-
-1. In the portal, navigate to the step just prior to where the issue occurs.
-
- Ive also seen some teammates ask customer to collect a problem recorder trace which screen grabs their monitor when they click through some repro, so this might be also good to reference or include into workflow, whatever you guys recommend: 
-
-
-1. Open the developer tools pane:
+1. Select the **Network** tab, then select **Stop profiling session** and **Clear session**.
 
-    - Edge: select **More Tools** > **Developer Tools**.
+    ![Screenshot of "Stop profiling session" and "Clear session"](media/azure-portal-browser-trace/edge-stop-clear-session.png)
 
-    - Chrome: select **More tools** > **Developer tools**.
-
-    - Safari: first enable the developer tools by selecting **Preferences** > **Advanced** > **Show Develop menu in menu bar**. Then select **Develop** > **Show Web Inspector**.
-
-1. Select the **Network** tab.
-
-1. To ensure that, select the appropriate option for your browser:
-
-    - Edge: clear the option **Clear entries on navigate**.
-
-    - Chrome: select **Preserve log**.
-
-    - Safari: select ****. 
-
-1. Stop the browser trace session and clear the session.
-
-    - Edge: select **Stop profiling session** and **Clear session**.
-
-    - Chrome: select **Stop recording network log** and **Clear**.
+1. Restart the session, then reproduce the issue in the portal. You will see session output similar to the following image.
 
-    - Safari: select ****. 
+    ![Screenshot of browser trace results](media/azure-portal-browser-trace/edge-browser-trace-results.png)
 
-1. Restart the session, then reproduce the issue in the Azure portal. You will see session output similar to the following image.
+1. Stop the session, then select **Export as HAR** and save the file.
 
-1. Stop the session and save the trace as a HAR file.
+      ![Screenshot of "Export as HAR"](media/azure-portal-browser-trace/edge-network-export-har.png)
 
-    - Edge: select **Export as HAR**.
+1. Stop Steps Recorder, and save the file.
 
-    - Chrome: select **Export HAR**.
+1. Select the **Console** tab, expand the window, and take screenshots of the output.
 
-    - Safari: select ****. 
+1. Package the HAR file, console screenshot, and Steps Recorder in a compressed format like .zip, and share that with Microsoft support.
 
-1. Compress the HAR file and send it to support for analysis and troubleshooting.
+## Google Chrome
 
-1. Console
+Steps go here
 
-1. 
+## Apple Safari
 
-## Google Chrome
+Steps go here
 
-## Apple Safari
+## Next steps
 
-## Next steps
+[Azure portal overview](azure-portal-overview.md)