Merge remote-tracking branch 'origin/main' into user/v-mhoffman/readmes-content

Author: captainbrosset

CONTRIBUTING.md

@@ -16,7 +16,7 @@ If you are a Microsoft Employee, follow the internal guidance.
 
 To suggest a change to the docs:
 
-1.  If you are viewing the [docs.microsoft.com/microsoft-edge](https://docs.microsoft.com/microsoft-edge) page, click the **Edit** button in the upper right of the page.  You are redirected to the corresponding Markdown source file in the [GitHub repository](https://github.com/MicrosoftDocs/edge-developer).  If you are already in the GitHub repo, navigate to the source file that you are changing.
+1.  If you are viewing the [Microsoft Edge documentation](https://docs.microsoft.com/microsoft-edge) page, click the **Edit** button in the upper right of the page.  You are redirected to the corresponding Markdown source file in the [GitHub repository](https://github.com/MicrosoftDocs/edge-developer).  If you are already in the GitHub repo, navigate to the source file that you are changing.
 
 1.  If you don't already have a GitHub account, click **Sign Up** in the upper-right corner and create a new account.
 

microsoft-edge/dev-videos/images/devtools-whatsnew-103.png

@@ -29,6 +29,48 @@ To add a new video:
 -->
 
 
+<!-- ====================================================================== -->
+## DevTools - What's new in DevTools 105
+
+_Published on 6 September 2022._
+
+[![Thumbnail image for the DevTools What's New in 105 video](./images/devtools-whatsnew-105.png)](https://www.youtube.com/watch?v=h0XJH_iLoUk)
+
+Learn more about our latest announcements from the Microsoft Edge DevTools team at [What's New in DevTools 105](../devtools-guide-chromium/whats-new/2022/09/devtools-105.md).
+
+
+<!-- ====================================================================== -->
+## DevTools - Understand the DevTools user interface
+
+_Published on 1 September 2022._
+
+[![Thumbnail image for the Understand the DevTools UI video](./images/learn-devtools-ui.png)](https://www.youtube.com/watch?v=ayemJLeE55c)
+
+Understand how the Microsoft Edge DevTools UI is organized. If you are confused about what tools are available, and what the main parts of the DevTools interface do, this video will help get more comfortable.
+
+In this video, we go over the UI structure, with its main toolbar and panel and its drawer area. We also go over how to find, open, and close tools, restore the default settings, and go over the list of available tools.
+
+
+<!-- ====================================================================== -->
+## DevTools - What's new in DevTools 104
+
+_Published on 5 August 2022._
+
+[![Thumbnail image for the DevTools What's New in 104 video](./images/devtools-whatsnew-104.png)](https://www.youtube.com/watch?v=0_ZprFX8x0I)
+
+Learn more about our latest announcements from the Microsoft Edge DevTools team at [What's New in DevTools 104](../devtools-guide-chromium/whats-new/2022/08/devtools-104.md).
+
+
+<!-- ====================================================================== -->
+## DevTools - What's new in DevTools 103
+
+_Published on 5 July 2022._
+
+[![Thumbnail image for the DevTools What's New in 103 video](./images/devtools-whatsnew-103.png)](https://www.youtube.com/watch?v=aa0C6BRdaPA)
+
+Learn more about our latest announcements from the Microsoft Edge DevTools team at [What's New in DevTools 103](../devtools-guide-chromium/whats-new/2022/06/devtools-103.md).
+
+
 <!-- ====================================================================== -->
 ## DevTools - Debug the web in 3D
 

microsoft-edge/dev-videos/images/devtools-whatsnew-104.png

@@ -157,7 +157,7 @@ See [The Web We Want initiative](web-we-want/index.md).
 <!-- ============================================================================================================================================ -->
 ## How to use this documentation
 
-These are tips for using the documentation UI at docs.microsoft.com.
+These are tips for using the documentation UI of Microsoft Docs.
 
 
 <!-- ====================================================================== -->
@@ -186,9 +186,9 @@ If the desired article isn't found, select **Search for "_search-term_" in all M
 
 ![If title word or index term isn't found, an option is provided to full-text search all Microsoft Edge documentation.](media/full-text-search-fallback.png)
 
-The full-text search page initially searches all _Microsoft Edge_ docs.  Or, click the **View all results on Microsoft Docs** link for a broader search:
+The full-text search page initially searches all _Microsoft Edge_ docs.  Or, click the **View all results** link for a broader search:
 
-![The full-text search page initially searches all Microsoft Edge docs, or click the link 'View all results on Microsoft Docs' for a broader search.](media/full-text-search-page.png)
+![The full-text search page initially searches all Microsoft Edge docs, or click the link 'View all results' for a broader search.](media/full-text-search-page.png)
 
 
 <!-- ====================================================================== -->

microsoft-edge/dev-videos/images/devtools-whatsnew-105.png

@@ -6,13 +6,13 @@ summary: Development using Microsoft Edge DevTools, Microsoft Edge extensions, P
 metadata:
   # title: default to root title above. # Required; page title displayed in search results. Include the brand. < 60 chars.
   # description: default to root title above. # Required; article description that is displayed in search results. < 160 chars.
-  ms.service: websites #Required; service per approved list. service slug assigned to your service by ACOM.
-  # ms.subservice: subservice # Optional; Remove if no subservice is used.
+  ms.service: app-service#Required; service per approved list. service slug assigned to your service by ACOM.
   ms.topic: landing-page # Required
   # ms.collection: collection # Optional; Remove if no collection is used.
   author: MSEdgeTeam #Required; your GitHub user alias, with correct capitalization.
   ms.author: msedgedevrel #Required; microsoft alias of author; optional team alias.
   ms.date: 09/02/2021 #Required; mm/dd/yyyy format.
+  ms.subservice: web-apps
 
       # - linkListType: architecture
       # - linkListType: concept

microsoft-edge/dev-videos/images/learn-devtools-ui.png

@@ -44,9 +44,9 @@ Microsoft Edge DevTools includes the following tools.
 | **CSS Overview** tool | Help you better understand your page's CSS and identify potential improvements. | [CSS Overview tool](css/css-overview-tool.md) |
 | **Detached Elements** tool | To increase the performance of your page, this tool finds detached elements that the browser cannot garbage-collect, and identifies the JavaScript object that is still referencing the detached element.  By changing your JavaScript to release the element, you reduce the number of detached elements on your page, increasing page performance and responsiveness. | [Debug DOM memory leaks with the Detached Elements tool](memory-problems/dom-leaks.md) |
 | **Developer Resources** | Shows resource URLs for the webpage. | [Developer Resources tool](developer-resources/developer-resources.md) |
-| **Device Emulation** | Use the **Device Emulation** tool, sometimes called _Device Mode_, to approximate how your page looks and responds on a mobile device. | [Emulate mobile devices (Device Emulation)](device-mode/index.md) |
+| **Device Emulation** | Use the **Device Emulation** tool, also called _Device Simulation Mode_ or _Device Mode_, to approximate how your page looks and responds on a mobile device. | [Emulate mobile devices (Device Emulation)](device-mode/index.md) |
 | **Elements** tool | Inspect, edit, and debug your HTML and CSS.  You can edit in the tool while displaying the changes live in the browser.  Debug your HTML using the DOM tree, and inspect and work on the CSS for your webpage. | [Inspect, edit, and debug HTML and CSS with the Elements tool](elements-tool/elements-tool.md) |
-| **Inspect** tool | Use the **Inspect** tool to see information about an item within a rendered webpage.  When the **Inspect** tool is active, you _hover_ over items in the webpage, and DevTools adds an information overlay information and grid highlighting on the webpage. | [Analyze pages using the Inspect tool](css/inspect.md) |
+| **Inspect** tool | Use the **Inspect** tool to see information about an item within a rendered webpage.  When the **Inspect** tool is active, you _hover_ over items in the webpage, and DevTools adds an information overlay and grid highlighting on the webpage. | [Analyze pages using the Inspect tool](css/inspect.md) |
 | **Issues** tool | The **Issues** tool automatically analyzes the current webpage, reports issues grouped by type, and provides documentation to help explain and resolve the issues. | [Find and fix problems using the Issues tool](issues/index.md) |
 | **JavaScript Profiler** tool | This tool has been replaced by the **Performance** tool and the **Memory** tool. | [JavaScript Profiler tool](javascript-profiler/javascript-profiler-tool.md) |
 | **Lighthouse** tool | Use the Lighthouse tool to identify and fix common problems that affect your site's performance, accessibility, and user experience. | [Lighthouse tool](lighthouse/lighthouse-tool.md) |