Merge branch 'main' into user/mikehoffms/overview-apis-nov-2024

Author: mikehoffms

.openpublishing.build.ps1

@@ -83,7 +83,12 @@ Old redirects (to /archive/)
       },
       {
         "source_path": "microsoft-edge/devtools-guide-chromium/customize/dark-theme.md",
-        "redirect_url": "/microsoft-edge/devtools-guide-chromium/customize/theme",
+        "redirect_url": "/microsoft-edge/devtools-guide-chromium/landing/",
+        "redirect_document_id": false
+      },
+      {
+        "source_path": "microsoft-edge/devtools-guide-chromium/customize/theme.md",
+        "redirect_url": "/microsoft-edge/devtools-guide-chromium/landing/",
         "redirect_document_id": false
       },
       {
@@ -96,7 +101,11 @@ Old redirects (to /archive/)
         "redirect_url": "/microsoft-edge/devtools-guide-chromium/accessibility/reference",
         "redirect_document_id": false
       },
-
+      {
+        "source_path": "microsoft-edge/devtools-guide-chromium/javascript-profiler/javascript-profiler-tool.md",
+        "redirect_url": "/microsoft-edge/devtools-guide-chromium/evaluate-performance/",
+        "redirect_document_id": false
+      },
 /* Microsoft Edge extensions: */
       {
         "source_path": "microsoft-edge/extensions-chromium/enterprise/declare-permissions.md",
@@ -238,11 +247,6 @@ Old redirects (to /archive/)
         "redirect_url": "/microsoft-edge/webview2/get-started/wpf",
         "redirect_document_id": false
       },
-      {
-        "source_path": "microsoft-edge/webview2/samples/webview2-winui3-sample.md",
-        "redirect_url": "/microsoft-edge/webview2/code-samples-links",
-        "redirect_document_id": false
-      },
 
       /* WebView2 How-to: */
       {

.openpublishing.redirection.json

@@ -122,7 +122,6 @@ See also:
 * [What's New in DevTools (Microsoft Edge 112)](../devtools-guide-chromium/whats-new/2023/04/devtools-112.md)<!-- has Video section -->
 * [Analyze CSS selector performance during Recalculate Style events](../devtools-guide-chromium/evaluate-performance/selector-stats.md) - CSS selector stats.
 * [View formatted JSON responses or files](../devtools-guide-chromium/json-viewer/json-viewer.md)
-* [Apply a color theme to DevTools](../devtools-guide-chromium/customize/theme.md)
 
 
 <!-- ====================================================================== -->
@@ -209,7 +208,7 @@ Covers:
 
 See also:
 * [What's New in DevTools (Microsoft Edge 108)](../devtools-guide-chromium/whats-new/2022/12/devtools-108.md)<!-- has Video section -->
-* [Create an extension that customizes the DevTools UI](../extensions-chromium/developer-guide/devtools-extension.md)
+* [Create a DevTools extension, adding a custom tool tab and panel](../extensions-chromium/developer-guide/devtools-extension.md)
 * [The heap snapshot file format](../devtools-guide-chromium/memory-problems/heap-snapshot-schema.md)
 * [Microsoft Edge WebDriver](https://developer.microsoft.com/microsoft-edge/tools/webdriver/?form=MA13LH) - download Edge WebDriver.
 
@@ -702,6 +701,10 @@ Covers:
 * Breakpoint icons are displayed when using Visual Studio Code themes.
 * DevTools extension for Visual Studio Code includes the latest tools, theme support, and helpful links.  JavaScript Debugger connection to remote workspaces.
 
+Update: Starting with Microsoft Edge 131, the Visual Studio Code themes feature is removed, and such themes revert to the default themes:
+* Light+
+* Dark+
+
 See also:
 * [What's New in DevTools 94](../devtools-guide-chromium/whats-new/2021/09/devtools.md)<!-- has Video section -->
 * [Keyboard shortcuts](../devtools-guide-chromium/shortcuts/index.md) - Navigating DevTools with a keyboard.

microsoft-edge/dev-videos/index.md

@@ -91,7 +91,7 @@ See [Introduction to Microsoft Edge WebView2](webview2/index.md).
 The following are tools to automate testing in Microsoft Edge:
 
 *  **DevTools Protocol** is used to instrument, inspect, debug, and profile browsers.
-*  Use **Origin Trials** to try experimental APIs.
+*  Use **origin trials** to try experimental APIs.
 *  **Playwright** provides cross-browser automation through a single API.
 *  **Puppeteer**'s API controls Microsoft Edge via DevTools Protocol.
 *  **WebDriver** simulates user interaction with Microsoft Edge.

microsoft-edge/develop-web-microsoft-edge.md

@@ -260,16 +260,16 @@ landingContent:
           - text: DevTools Protocol
             url: ../devtools-protocol-chromium/index.md   # https://learn.microsoft.com/microsoft-edge/devtools-protocol-chromium/
 
-          - text: Origin Trials
+          - text: Use origin trials in Microsoft Edge
             url: ../origin-trials/index.md
 
-          - text: Playwright
+          - text: Use Playwright to automate and test in Microsoft Edge
             url: ../playwright/index.md
 
-          - text: Puppeteer
+          - text: Puppeteer overview
             url: ../puppeteer/index.md
 
-          - text: WebDriver
+          - text: Use WebDriver to automate Microsoft Edge
             url: ../webdriver-chromium/index.md
 
           - text: webhint extension for Visual Studio Code

microsoft-edge/developer/index.yml

@@ -47,7 +47,6 @@ Microsoft Edge DevTools includes the following tools.
 | **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 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) |
 | **Media** tool | Use this tool to view information and debug the media players per browser tab. | [View and debug media players information](media-panel/index.md) |
 | **Memory** tool | Find memory issues that affect page performance, including memory leaks, memory bloat, and frequent garbage collections. | [Fix memory problems](memory-problems/index.md) |

microsoft-edge/devtools-guide-chromium/about-tools.md

@@ -74,7 +74,7 @@ Computed accessibility properties are different than computed CSS properties. To
 <!-- ====================================================================== -->
 > [!NOTE]
 > Portions of this page are modifications based on work created and [shared by Google](https://developers.google.com/terms/site-policies) and used according to terms described in the [Creative Commons Attribution 4.0 International License](https://creativecommons.org/licenses/by/4.0).
-> The original page is found [here](https://developer.chrome.com/docs/devtools/accessibility/reference/) and is authored by [Kayce Basques](https://developers.google.com/web/resources/contributors/kaycebasques) (Technical Writer, Chrome DevTools \& Lighthouse).
+> The original page is found [here](https://developer.chrome.com/docs/devtools/accessibility/reference/) and is authored by Kayce Basques.
 
 [![Creative Commons License](../../media/cc-logo/88x31.png)](https://creativecommons.org/licenses/by/4.0)
 This work is licensed under a [Creative Commons Attribution 4.0 International License](https://creativecommons.org/licenses/by/4.0).

microsoft-edge/devtools-guide-chromium/accessibility/accessibility-tab.md

@@ -70,7 +70,7 @@ In DevTools, one way to view the contrast ratio of a text element is to use the
 <!-- ====================================================================== -->
 > [!NOTE]
 > Portions of this page are modifications based on work created and [shared by Google](https://developers.google.com/terms/site-policies) and used according to terms described in the [Creative Commons Attribution 4.0 International License](https://creativecommons.org/licenses/by/4.0).
-> The original page is found [here](https://developer.chrome.com/docs/devtools/accessibility/reference/) and is authored by [Kayce Basques](https://developers.google.com/web/resources/contributors/kaycebasques) (Technical Writer, Chrome DevTools \& Lighthouse).
+> The original page is found [here](https://developer.chrome.com/docs/devtools/accessibility/reference/) and is authored by Kayce Basques.
 
 [![Creative Commons License](../../media/cc-logo/88x31.png)](https://creativecommons.org/licenses/by/4.0)
 This work is licensed under a [Creative Commons Attribution 4.0 International License](https://creativecommons.org/licenses/by/4.0).

microsoft-edge/devtools-guide-chromium/accessibility/color-picker.md

@@ -114,7 +114,7 @@ To manipulate the focused element in the **Console** tool, create a reference to
 <!-- ====================================================================== -->
 > [!NOTE]
 > Portions of this page are modifications based on work created and [shared by Google](https://developers.google.com/terms/site-policies) and used according to terms described in the [Creative Commons Attribution 4.0 International License](https://creativecommons.org/licenses/by/4.0).
-> The original page is found [here](https://developer.chrome.com/docs/devtools/accessibility/focus/) and is authored by [Kayce Basques](https://developers.google.com/web/resources/contributors/kaycebasques) (Technical Writer, Chrome DevTools & Lighthouse).
+> The original page is found [here](https://developer.chrome.com/docs/devtools/accessibility/focus/) and is authored by Kayce Basques.
 
 [![Creative Commons License](../../media/cc-logo/88x31.png)](https://creativecommons.org/licenses/by/4.0)
 This work is licensed under a [Creative Commons Attribution 4.0 International License](https://creativecommons.org/licenses/by/4.0).

microsoft-edge/devtools-guide-chromium/accessibility/focus.md

@@ -72,7 +72,7 @@ To audit a page using the Lighthouse tool:
 <!-- ====================================================================== -->
 > [!NOTE]
 > Portions of this page are modifications based on work created and [shared by Google](https://developers.google.com/terms/site-policies) and used according to terms described in the [Creative Commons Attribution 4.0 International License](https://creativecommons.org/licenses/by/4.0).
-> The original page is found [here](https://developer.chrome.com/docs/devtools/accessibility/reference/) and is authored by [Kayce Basques](https://developers.google.com/web/resources/contributors/kaycebasques) (Technical Writer, Chrome DevTools \& Lighthouse).
+> The original page is found [here](https://developer.chrome.com/docs/devtools/accessibility/reference/) and is authored by Kayce Basques.
 
 [![Creative Commons License](../../media/cc-logo/88x31.png)](https://creativecommons.org/licenses/by/4.0)
 This work is licensed under a [Creative Commons Attribution 4.0 International License](https://creativecommons.org/licenses/by/4.0).