diff --git a/microsoft-edge/accessibility/test.md b/microsoft-edge/accessibility/test.md index 3ab34cb2e1..71b65e84f3 100644 --- a/microsoft-edge/accessibility/test.md +++ b/microsoft-edge/accessibility/test.md @@ -62,8 +62,6 @@ You can also use the assessment feature of [Accessibility Insights](https://acce * [HTML5Accessibility](https://html5accessibility.com) - This site tests which new HTML5 features are accessibly supported by major browsers. -* [webhint](https://webhint.io) - Use webhint to check for out-of-date libraries, security improvements, performance problems, and accessibility issues. - * [Web Accessibility Evaluation Tools List](https://www.w3.org/WAI/ER/tools/index.html) - A list of web accessibility evaluation tools to help determine if websites meet accessibility guidelines. diff --git a/microsoft-edge/dev-videos/index.md b/microsoft-edge/dev-videos/index.md index fcd38a41f7..720f7c909c 100644 --- a/microsoft-edge/dev-videos/index.md +++ b/microsoft-edge/dev-videos/index.md @@ -211,7 +211,7 @@ See also: * [What's new in DevTools (Microsoft Edge 108)](../devtools/whats-new/2022/12/devtools-108.md) * [Create a DevTools extension, adding a custom tool tab and panel](../extensions/developer-guide/devtools-extension.md) * [The heap snapshot file format](../devtools/memory-problems/heap-snapshot-schema.md) -* [Microsoft Edge WebDriver](https://developer.microsoft.com/microsoft-edge/tools/webdriver/?form=MA13LH) - download Edge WebDriver. +* [Microsoft Edge WebDriver](https://developer.microsoft.com/microsoft-edge/tools/webdriver) - download Edge WebDriver. @@ -455,7 +455,6 @@ Released products can have issues. Based on your feedback, we added useful ways See also: * [Find and fix problems using the Issues tool](../devtools/issues/index.md) -* [Inline and live issue analysis](../visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis.md) in the DevTools extension for VS Code diff --git a/microsoft-edge/devtools/experimental-features/index.md b/microsoft-edge/devtools/experimental-features/index.md index 389ed51f05..baa167286d 100644 --- a/microsoft-edge/devtools/experimental-features/index.md +++ b/microsoft-edge/devtools/experimental-features/index.md @@ -5,7 +5,6 @@ author: MSEdgeTeam ms.author: msedgedevrel ms.topic: article ms.service: microsoft-edge -no-loc: ["Enable webhint"] ms.date: 11/10/2025 --- # Experimental features in Microsoft Edge DevTools @@ -383,33 +382,6 @@ Status: * This checkbox is present in Microsoft Edge Stable 142. - -## Enable webhint - - -[webhint](https://webhint.io) is an open-source tool that provides real-time feedback for websites and local webpages. The type of feedback provided by [webhint](https://webhint.io) includes: - -* Accessibility -* Cross-browser compatibility -* Security -* Performance -* Progressive Web Apps (PWAs) -* Other common web development issues - -The [webhint](https://webhint.io) experiment displays webhint feedback in the **Issues** tool. Select an issue to display documentation about the solution and a list of the affected resources on your website. Select a resource link to open the relevant tool, such as **Network**, **Sources**, or **Elements**: - -![webhint feedback in the Issues tool](./index-images/experiments-webhint.png) - -See also: -* [Find and fix problems using the Issues tool](../issues/index.md) - -Status: -* This checkbox is present in Microsoft Edge Canary 144. -* This checkbox is present in Microsoft Edge Stable 142. - - ## Show issues in Elements diff --git a/microsoft-edge/devtools/security/index.md b/microsoft-edge/devtools/security/index.md index 40d3ff4d2d..d15ee365af 100644 --- a/microsoft-edge/devtools/security/index.md +++ b/microsoft-edge/devtools/security/index.md @@ -61,8 +61,6 @@ If you already set up HTTPS on your server, all you need to do to fix this probl If you haven't set up HTTPS on your server, [Let's Encrypt](https://letsencrypt.org) provides a free and relatively easy way to start the process. Or, you might consider hosting your site on a CDN. Most major CDNs host sites on HTTPS by default now. -> [!TIP] -> The [Use HTTPS](https://webhint.io/docs/user-guide/hints/hint-https-only) hint in [webhint](https://webhint.io) can help automate the process of making sure that all HTTP requests are directed to HTTPS. #### Mixed content diff --git a/microsoft-edge/devtools/whats-new/151.md b/microsoft-edge/devtools/whats-new/151.md new file mode 100644 index 0000000000..bd64658363 --- /dev/null +++ b/microsoft-edge/devtools/whats-new/151.md @@ -0,0 +1,57 @@ +--- +title: What's new in DevTools (Microsoft Edge 151) +description: webhint has been removed from Microsoft Edge DevTools. Icons have been removed from tool tabs. Also updates from the Chromium project. # key words before col 158 +author: MSEdgeTeam +ms.author: msedgedevrel +ms.topic: article +ms.service: microsoft-edge +ms.subservice: devtools +ms.date: 07/30/2026 +--- +# What's new in DevTools (Microsoft Edge 151) + +These are the latest features in the Stable release of Microsoft Edge DevTools. + + + +## The webhint experiment has been removed + + + +The webhint experiment has been removed from Microsoft Edge DevTools. + +To audit your site, use the [Lighthouse tool](https://developer.chrome.com/docs/devtools/lighthouse). + + + +## Tool icons have been removed + + + +Tool icons have been removed from Microsoft Edge DevTools. For example: +* In the **Activity bar** at the top of DevTools, the tool tabs no longer have icons. +* In the **More tools** menu, the tools no longer have icons. + +The functionality is unchanged, and all tools are still available. + +If icons were important to your workflow, please share your feedback at [https://issues.chromium.org/issues/525581082](https://issues.chromium.org/issues/525581082). + + + +## Announcements from the Chromium project + + +Microsoft Edge 151 also includes the following updates from the Chromium project: + +* [CSS specificity breakdown and ::interest-button support](https://developer.chrome.com/blog/new-in-devtools-151#css-specificity) +* [Memory debugging: Native context attribution and closure retention](https://developer.chrome.com/blog/new-in-devtools-151#memory) +* [Promisified Extension APIs and security hardening](https://developer.chrome.com/blog/new-in-devtools-151#extensions) +* [Other highlights and fixes](https://developer.chrome.com/blog/new-in-devtools-151#misc) +* [Accessibility improvements](https://developer.chrome.com/blog/new-in-devtools-151#a11y) + + + +## See also + +* [What's new in Microsoft Edge DevTools](./index.md) +* [Release notes for Microsoft Edge web platform](../../web-platform/release-notes/index.md) diff --git a/microsoft-edge/devtools/whats-new/2019/12/devtools.md b/microsoft-edge/devtools/whats-new/2019/12/devtools.md index 8fb555ad3b..a881cf57f8 100644 --- a/microsoft-edge/devtools/whats-new/2019/12/devtools.md +++ b/microsoft-edge/devtools/whats-new/2019/12/devtools.md @@ -39,7 +39,7 @@ The DevTools team has contributed 170 changes to Chromium to address high-impact ![The Performance tool in the DevTools with keyboard navigation and screen reader improvements](./devtools-images/a11y-performance-tool.png) -Want to learn how to make your webpage accessible to all of your users? Download the [Accessibility Insights](https://aka.ms/a11yinsights) and [webhint](https://aka.ms/webhint/browser-extension) extensions for Microsoft Edge to get started. +Want to learn how to make your webpage accessible to all of your users? Download the [Accessibility Insights](https://aka.ms/a11yinsights) and [webhint](https://aka.ms/webhint/browser-extension) extensions for Microsoft Edge to get started (update Jul. 2026: webhint was removed in Microsoft Edge 151). If you use screen readers or the keyboard to navigate around the DevTools, send your feedback by [tweeting](https://aka.ms/tweet/edgedevtools) at us or selecting the [Send Feedback](../../../contact.md) icon! @@ -95,6 +95,8 @@ See also: +Update Jul. 2026: webhint was removed in Microsoft Edge 151. + The webhint Microsoft Edge extension allows you to easily scan your webpage and get feedback on accessibility, browser compatibility, security, performance, and more within the DevTools. Read more at [https://webhint.io](https://aka.ms/webhint). ![The Hints tool in the DevTools when the webhint browser extension is installed](./devtools-images/webhint-browser-extension.png) @@ -162,6 +164,8 @@ Update: As of 2022, the **Debugger for Microsoft Edge Visual Studio Code extensi +Update Jul. 2026: webhint was removed in Microsoft Edge 151. + The [webhint](https://aka.ms/webhint4code) Visual Studio Code extension uses `webhint` to improve your webpage while you're writing it! This extension runs and reports diagnostics on your workspace files based on `webhint` analysis. ![The webhint Visual Studio Code extension analyzing a .tsx file in Visual Studio Code](./devtools-images/webhint-vscode-extension.png) diff --git a/microsoft-edge/devtools/whats-new/2020/01/devtools.md b/microsoft-edge/devtools/whats-new/2020/01/devtools.md index afafb6411e..6bb1642466 100644 --- a/microsoft-edge/devtools/whats-new/2020/01/devtools.md +++ b/microsoft-edge/devtools/whats-new/2020/01/devtools.md @@ -39,7 +39,7 @@ The DevTools team has contributed 170 changes to Chromium to address high-impact ![The Performance tool in the DevTools with the keyboard navigation and screen reader improvements](./devtools-images/a11y-performance-tool.msft.gif) -Want to learn how to make your webpage accessible to all of your users? Download the [Accessibility Insights](https://accessibilityinsights.io) and [webhint](https://webhint.io/docs/user-guide/extensions/extension-browser) extensions for Microsoft Edge to get started. +Want to learn how to make your webpage accessible to all of your users? Download the [Accessibility Insights](https://accessibilityinsights.io) and [webhint](https://webhint.io/docs/user-guide/extensions/extension-browser) extensions for Microsoft Edge to get started (update Jul. 2026: webhint was removed in Microsoft Edge 151). If you use screen readers or the keyboard to navigate around the DevTools, send us your feedback by [tweeting](https://twitter.com/intent/tweet?text=@EdgeDevTools) at us or clicking the **Send Feedback** icon! @@ -99,6 +99,8 @@ See also: +Update Jul. 2026: webhint was removed in Microsoft Edge 151. + The webhint Microsoft Edge extension allows you to easily scan your webpage and get feedback on accessibility, browser compatibility, security, performance, and more within the DevTools. Read more at [https://webhint.io](https://webhint.io). ![The Hints tool in the DevTools when the webhint browser extension is installed](./devtools-images/webhint-browser-extension.png) @@ -170,6 +172,8 @@ Update: As of 2022, the **Debugger for Microsoft Edge Visual Studio Code extensi +Update Jul. 2026: webhint was removed in Microsoft Edge 151. + The [webhint](https://marketplace.visualstudio.com/items?itemName=webhint.vscode-webhint) Visual Studio Code extension uses `webhint` to improve your webpage while you are writing it. This extension runs and reports diagnostics on your workspace files based on `webhint` analysis. ![The webhint Visual Studio Code extension analyzing a .tsx file in Visual Studio Code](./devtools-images/webhint-vscode-extension.png) diff --git a/microsoft-edge/devtools/whats-new/2020/05/devtools.md b/microsoft-edge/devtools/whats-new/2020/05/devtools.md index 37909d988f..1df370eb53 100644 --- a/microsoft-edge/devtools/whats-new/2020/05/devtools.md +++ b/microsoft-edge/devtools/whats-new/2020/05/devtools.md @@ -154,7 +154,7 @@ Chromium issue [#1068116](https://crbug.com/1068116) #### View accessibility information in the Inspect Mode tooltip The **Inspect Mode** tooltip now indicates whether the element has an accessible -[name and role](https://webhint.io/docs/user-guide/hints/hint-axe/name-role-value/) and is [keyboard-focusable](https://webhint.io/docs/user-guide/hints/hint-axe/keyboard/). +name and role and is keyboard-focusable. @@ -166,6 +166,8 @@ Chromium issue [#1040025](https://crbug.com/1040025) See also: * [Analyze pages using the Inspect tool](../../../css/inspect.md) +* [Axe: Name Role Value](https://webhint.io/docs/user-guide/hints/hint-axe/name-role-value/) - about accessible name and role, at webhint.io. +* [Axe: Keyboard](https://webhint.io/docs/user-guide/hints/hint-axe/keyboard/) - about keyboard-focusable, at webhint.io. diff --git a/microsoft-edge/devtools/whats-new/2020/06/devtools.md b/microsoft-edge/devtools/whats-new/2020/06/devtools.md index 1d6ac4cd31..c4498a7ad8 100644 --- a/microsoft-edge/devtools/whats-new/2020/06/devtools.md +++ b/microsoft-edge/devtools/whats-new/2020/06/devtools.md @@ -88,6 +88,8 @@ See also: #### webhint feedback in the Issues panel +Update Jul. 2026: webhint was removed in Microsoft Edge 151. + ![Experimental feature](./devtools-images/experimental-tag.png) [webhint](https://webhint.io) is an open-source tool that provides real-time feedback on the accessibility, cross-browser compatibility, security, performance, PWAs, and other common web development issues of websites. You can view webhint feedback in the [Issues](../../../issues/index.md) panel. @@ -100,7 +102,6 @@ Chromium issue [#1070378](https://crbug.com/1070378) See also: * [webhint extension for Visual Studio Code](../../../../test-and-automation/webhint.md) -* [Enable webhint](../../../experimental-features/index.md#enable-webhint) in _Experimental features in Microsoft Edge DevTools_ diff --git a/microsoft-edge/devtools/whats-new/2020/11/devtools.md b/microsoft-edge/devtools/whats-new/2020/11/devtools.md index 4a5b5ff030..1091349b48 100644 --- a/microsoft-edge/devtools/whats-new/2020/11/devtools.md +++ b/microsoft-edge/devtools/whats-new/2020/11/devtools.md @@ -34,7 +34,7 @@ These are the latest features in the Stable release of Microsoft Edge DevTools. Microsoft Edge Dev is now supported on Ubuntu, Debian, Fedora, and openSUSE distributions. Download and install the Microsoft Edge Dev `.deb` or `.rpm` package directly from the [Microsoft Edge Insider site](https://www.microsoft.com/edge/download/insider?platform=linux) or use the standard package management tools of your Linux distribution. -If you are using a Linux environment in your continuous integration and delivery (CI/CD) solutions, Microsoft Edge WebDriver is also available on Linux. To get started automating Microsoft Edge with Microsoft Edge WebDriver, see [Recent versions](https://developer.microsoft.com/microsoft-edge/tools/webdriver#downloads) at the Microsoft Edge WebDriver page. For help with automating Microsoft Edge with Microsoft Edge WebDriver, see [Use WebDriver for test automation](../../../../webdriver/index.md). +If you are using a Linux environment in your continuous integration and delivery (CI/CD) solutions, Microsoft Edge WebDriver is also available on Linux. To get started automating Microsoft Edge with Microsoft Edge WebDriver, see the **Recent versions** section at [Microsoft Edge WebDriver](https://developer.microsoft.com/microsoft-edge/tools/webdriver). For help with automating Microsoft Edge with Microsoft Edge WebDriver, see [Use WebDriver for test automation](../../../../webdriver/index.md). ![DevTools in Microsoft Edge on Linux](./devtools-images/edge-on-linux.png) @@ -48,6 +48,8 @@ See also: +Update Jul. 2026: webhint was removed in Microsoft Edge 151. + [webhint](https://webhint.io) is an open-source tool that provides real-time feedback for websites and local webpages. Starting with [Microsoft Edge version 85](../06/devtools.md#webhint-feedback-in-the-issues-panel), see webhint feedback in the [Issues](../../../issues/index.md) tool. Issues that appear in the **Issues** tool are now easier to see with the addition of the following categories. * [Accessibility](https://webhint.io/docs/user-guide/hints/accessibility) diff --git a/microsoft-edge/devtools/whats-new/2022/12/devtools-108.md b/microsoft-edge/devtools/whats-new/2022/12/devtools-108.md index f030e57a4c..72344c11aa 100644 --- a/microsoft-edge/devtools/whats-new/2022/12/devtools-108.md +++ b/microsoft-edge/devtools/whats-new/2022/12/devtools-108.md @@ -30,7 +30,7 @@ To download Microsoft Edge WebDriver on Apple M1 devices: 1. In Microsoft Edge, go to `edge://version`, and note the full version number. -1. Go to [Microsoft Edge WebDriver](https://developer.microsoft.com/microsoft-edge/tools/webdriver/). +1. Go to [Microsoft Edge WebDriver](https://developer.microsoft.com/microsoft-edge/tools/webdriver). 1. Find the version of Microsoft Edge WebDriver that matches your specific version of Microsoft Edge, and then click the **Mac M1** download link: @@ -40,7 +40,7 @@ Thank you for your feedback on this issue! See also: * [Use WebDriver to automate Microsoft Edge](../../../../webdriver/index.md) -* [Microsoft Edge WebDriver](https://developer.microsoft.com/microsoft-edge/tools/webdriver/) +* [Microsoft Edge WebDriver](https://developer.microsoft.com/microsoft-edge/tools/webdriver) * [Issue #17: Support for Apple silicon](https://github.com/MicrosoftEdge/EdgeWebDriver/issues/17) diff --git a/microsoft-edge/devtools/whats-new/2024/11/devtools-131.md b/microsoft-edge/devtools/whats-new/2024/11/devtools-131.md index 00faeceb9a..9f7ee11a65 100644 --- a/microsoft-edge/devtools/whats-new/2024/11/devtools-131.md +++ b/microsoft-edge/devtools/whats-new/2024/11/devtools-131.md @@ -32,14 +32,13 @@ See also: Previously, the following experiments that were enabled by default couldn't be disabled, even after clearing their checkboxes in the **Settings > Experiments** page and reloading DevTools: -* **Enable webhint** +* **Enable webhint** (update Jul. 2026: webhint was removed in Microsoft Edge 151). * **Show issues in Elements** * **Open source files in Visual Studio Code** This is now fixed, and you can disable these experiments. See also: -* [Enable webhint](../../../experimental-features/index.md#enable-webhint) in _Experimental features in Microsoft Edge DevTools_. * [Show issues in Elements](../../../experimental-features/index.md#show-issues-in-elements) in _Experimental features in Microsoft Edge DevTools_. * [Open source files in Visual Studio Code](../../../experimental-features/index.md#open-source-files-in-visual-studio-code) in _Experimental features in Microsoft Edge DevTools_. diff --git a/microsoft-edge/devtools/whats-new/index.md b/microsoft-edge/devtools/whats-new/index.md index 0cee2a30d8..f2d953e225 100644 --- a/microsoft-edge/devtools/whats-new/index.md +++ b/microsoft-edge/devtools/whats-new/index.md @@ -6,7 +6,7 @@ ms.author: msedgedevrel ms.topic: article ms.service: microsoft-edge ms.subservice: devtools -ms.date: 07/21/2026 +ms.date: 07/30/2026 --- # What's new in Microsoft Edge DevTools @@ -17,6 +17,7 @@ What's new articles correspond to historical releases of Microsoft Edge, and are +* [What's new in DevTools (Microsoft Edge 151)](./151.md) * [What's new in DevTools (Microsoft Edge 150)](./150.md) * [What's new in DevTools (Microsoft Edge 149)](./149.md) * [What's new in DevTools (Microsoft Edge 148)](./148.md) @@ -26,7 +27,6 @@ toc.yml - add new what's new page, move a what's new page to archive * [What's new in DevTools (Microsoft Edge 144)](./144.md) * [What's new in DevTools (Microsoft Edge 143)](./143.md) * [What's new in DevTools (Microsoft Edge 142)](./2025/10/devtools-142.md) -* [What's new in DevTools (Microsoft Edge 141)](./2025/10/devtools-141.md) For earlier What's new pages, see **Archive** in the table of contents. diff --git a/microsoft-edge/test-and-automation/test-and-automation.md b/microsoft-edge/test-and-automation/test-and-automation.md index b1cfa2b81d..64f9afc4cd 100644 --- a/microsoft-edge/test-and-automation/test-and-automation.md +++ b/microsoft-edge/test-and-automation/test-and-automation.md @@ -19,7 +19,6 @@ There are many tools to automate your testing of Microsoft Edge: | Playwright | The Playwright library provides cross-browser automation through a single API. | | Puppeteer | The Puppeteer library provides a high-level API to control browsers, including Microsoft Edge, using the DevTools Protocol. | | WebDriver | Automates testing in Microsoft Edge by simulating user interaction. Provides advantages over JavaScript unit tests. | -| webhint | Checks your code for best practices and common errors, to test and improve accessibility, performance, cross-browser and PWA compatibility, and security of your site. | These tools are described below. @@ -87,6 +86,8 @@ See [Use WebDriver to automate Microsoft Edge](../webdriver/index.md). ## webhint extension for Visual Studio Code +Update Jul. 2026: webhint was removed in Microsoft Edge 151. + Use webhint, a customizable linting tool, to improve the accessibility, performance, cross-browser compatibility, PWA compatibility, and security of your site. The webhint extension checks your code for best practices and common errors. -See [webhint extension for Visual Studio Code](webhint.md). +See [webhint extension for Visual Studio Code](./webhint.md). diff --git a/microsoft-edge/test-and-automation/webhint.md b/microsoft-edge/test-and-automation/webhint.md index c023d6a79e..7a0d10d973 100644 --- a/microsoft-edge/test-and-automation/webhint.md +++ b/microsoft-edge/test-and-automation/webhint.md @@ -8,13 +8,11 @@ ms.service: microsoft-edge ms.date: 02/02/2023 --- # webhint extension for Visual Studio Code - -**Note:** As of Apr. 2022, the webhint extension for Visual Studio Code is no longer being maintained. See [Microsoft Edge DevTools extension for Visual Studio Code](../visual-studio-code/microsoft-edge-devtools-extension.md). +Update Jul. 2026: webhint was removed in Microsoft Edge 151. -[webhint](https://webhint.io) is a customizable linting tool, to improve the accessibility, performance, cross-browser compatibility, PWA compatibility, and security of your site. The webhint extension checks your code for best practices and common errors. +As of Apr. 2022, the webhint extension for Visual Studio Code is no longer being maintained. See [Microsoft Edge DevTools extension for Visual Studio Code](../visual-studio-code/microsoft-edge-devtools-extension.md). + +[Webhint Visual Studio Code extension](https://marketplace.visualstudio.com/items?itemName=webhint.vscode-webhint) at Visual Studio Marketplace. - +[webhint](https://webhint.io) is a customizable linting tool, to improve the accessibility, performance, cross-browser compatibility, PWA compatibility, and security of your site. The webhint extension checks your code for best practices and common errors. diff --git a/microsoft-edge/toc.yml b/microsoft-edge/toc.yml index 6f90535e59..65acf68a73 100644 --- a/microsoft-edge/toc.yml +++ b/microsoft-edge/toc.yml @@ -179,6 +179,10 @@ # maint: # toc.yml - add new what's new page, move a what's new page to archive # /devtools/whats-new/index.md - add new what's new page, remove earliest what's new page + - name: Microsoft Edge 151 + href: ./devtools/whats-new/151.md + displayName: What's new in DevTools (Microsoft Edge 151) # page title + - name: Microsoft Edge 150 href: ./devtools/whats-new/150.md displayName: What's new in DevTools (Microsoft Edge 150) # page title @@ -214,14 +218,14 @@ - name: Microsoft Edge 142 href: ./devtools/whats-new/2025/10/devtools-142.md displayName: What's new in DevTools (Microsoft Edge 142) # page title - - - name: Microsoft Edge 141 - href: ./devtools/whats-new/2025/10/devtools-141.md - displayName: What's new in DevTools (Microsoft Edge 141) # page title # keep 10 items above # ------------------------------------- - name: Archive items: + - name: Microsoft Edge 141 + href: ./devtools/whats-new/2025/10/devtools-141.md + displayName: What's new in DevTools (Microsoft Edge 141) # page title + - name: Microsoft Edge 140 href: ./devtools/whats-new/2025/09/devtools-140.md displayName: What's new in DevTools (Microsoft Edge 140) # page title @@ -1164,9 +1168,6 @@ - name: Opening source files from the Elements tool href: ./visual-studio-code/microsoft-edge-devtools-extension/opening-source-files-from-elements-tool.md - - name: Inline and live issue analysis - href: ./visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis.md - - name: Device emulation href: ./visual-studio-code/microsoft-edge-devtools-extension/device-state-emulation.md diff --git a/microsoft-edge/visual-studio-code/ide-integration.md b/microsoft-edge/visual-studio-code/ide-integration.md index 71da231b62..7e04c232f6 100644 --- a/microsoft-edge/visual-studio-code/ide-integration.md +++ b/microsoft-edge/visual-studio-code/ide-integration.md @@ -53,10 +53,10 @@ See [Debug Microsoft Edge in Visual Studio Code](debugger-for-edge.md). ## The webhint extension for Visual Studio Code - + +Update Jul. 2026: webhint was removed in Microsoft Edge 151. + +As of Apr. 2022, the webhint extension for Visual Studio Code is no longer being maintained. See [Microsoft Edge DevTools extension for Visual Studio Code](microsoft-edge-devtools-extension.md). Use webhint, a customizable linting tool, to improve the functionality of your site, including: @@ -68,7 +68,8 @@ Use webhint, a customizable linting tool, to improve the functionality of your s webhint checks your code for best practices and common errors. Identify and fix problems in your files, including HTML, CSS, JavaScript, and TypeScript. Hints appear as wavy underlines in the text editor, and are summarized in the **Problems** pane. -**Note:** As of Apr. 2022, the webhint extension for Visual Studio Code is no longer being maintained. See [Microsoft Edge DevTools extension for Visual Studio Code](microsoft-edge-devtools-extension.md). +See also: +* [webhint extension for Visual Studio Code](../test-and-automation/webhint.md) diff --git a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension.md b/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension.md index 34a6eaa41f..f418219de3 100644 --- a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension.md +++ b/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension.md @@ -79,7 +79,6 @@ The DevTools extension for Visual Studio Code allows you to: | Task | Article | |---|---| -| Get live analysis of problems in your source code. | [Inline and live issue analysis](./microsoft-edge-devtools-extension/inline-live-issue-analysis.md) | | Start a new browser instance with DevTools for your project. | [Opening DevTools and the DevTools browser](./microsoft-edge-devtools-extension/open-devtools-and-embedded-browser.md) | | Emulate different devices and see your project in different display modes. | [Device emulation](./microsoft-edge-devtools-extension/device-state-emulation.md) | | View the runtime DOM structure and layout of your page using the **Elements** tool. | [Opening source files from the Elements tool](./microsoft-edge-devtools-extension/opening-source-files-from-elements-tool.md) | diff --git a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/change-extension-settings.md b/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/change-extension-settings.md index 52a8c96026..f5a1e3c113 100644 --- a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/change-extension-settings.md +++ b/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/change-extension-settings.md @@ -41,7 +41,6 @@ The **Settings** page of DevTools v2.1.1 contains these settings. For more info * **Timeout** * **Use Https** * **User Data Dir** -* **Webhint** * **Web Root** * **Bottom** * **Top** diff --git a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/advanced-issues-filtering.png b/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/advanced-issues-filtering.png deleted file mode 100644 index 96a5813a33..0000000000 Binary files a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/advanced-issues-filtering.png and /dev/null differ diff --git a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/inline-issue-reporting.png b/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/inline-issue-reporting.png deleted file mode 100644 index 1d6433b8a7..0000000000 Binary files a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/inline-issue-reporting.png and /dev/null differ diff --git a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/issues-in-lower-panel.png b/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/issues-in-lower-panel.png deleted file mode 100644 index dc24b2fc39..0000000000 Binary files a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/issues-in-lower-panel.png and /dev/null differ diff --git a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/light-bulb-icon.png b/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/light-bulb-icon.png deleted file mode 100644 index ce25b9a1d9..0000000000 Binary files a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/light-bulb-icon.png and /dev/null differ diff --git a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/light-bulb.png b/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/light-bulb.png deleted file mode 100644 index 8aa32c336a..0000000000 Binary files a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/light-bulb.png and /dev/null differ diff --git a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/live-issue-reporting.png b/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/live-issue-reporting.png deleted file mode 100644 index 2d35a95e07..0000000000 Binary files a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/live-issue-reporting.png and /dev/null differ diff --git a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/navigating-issues.png b/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/navigating-issues.png deleted file mode 100644 index 47f6f7aaab..0000000000 Binary files a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/navigating-issues.png and /dev/null differ diff --git a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/quick-fix-options.png b/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/quick-fix-options.png deleted file mode 100644 index eec19c33ce..0000000000 Binary files a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/quick-fix-options.png and /dev/null differ diff --git a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/webhint-checkbox-settings.png b/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/webhint-checkbox-settings.png deleted file mode 100644 index 92faae246e..0000000000 Binary files a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis-images/webhint-checkbox-settings.png and /dev/null differ diff --git a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis.md b/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis.md deleted file mode 100644 index c1dcf76376..0000000000 --- a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis.md +++ /dev/null @@ -1,78 +0,0 @@ ---- -title: Inline and live issue analysis -description: Inline and live issue analysis in the Microsoft Edge Developer Tools extension for Visual Studio Code. -author: MSEdgeTeam -ms.author: msedgedevrel -ms.topic: article -ms.service: microsoft-edge -ms.date: 10/06/2022 ---- -# Inline and live issue analysis - -Issues in your source code (`.html`, `.css`, or `.js` files) are highlighted with wavy underlines. You can inspect the issue and get detailed information about what the problem is, how to fix it, and where to find more information. To inspect the issue, click the code that has the wavy underline: - -![An accessibility issue reported inside a piece of code showing how to fix the problem, and where to find more information](./inline-live-issue-analysis-images/inline-issue-reporting.png) - -This feature requires Node.js and npm (Node Package Manager). See [Step 4: Install Node.js and Node Package Manager (npm)](./install.md#step-4-install-nodejs-and-node-package-manager-npm) in _Installing the DevTools extension for Visual Studio Code_. - -This feature is on by default; the **Webhint** checkbox is selected in **Settings**. To turn this feature on or off, select **Activity Bar** > **Microsoft Edge Tools** > hover to the right of **Targets** > **More Actions** (**...**) > **Open Settings** > select or clear the **Webhint** checkbox: - -![Webhint checkbox in Settings](./inline-live-issue-analysis-images/webhint-checkbox-settings.png) - - -To see all the issues in the file, click **View Problem**: - -![A highlighted issue in the source code with a navigation bar explaining the problem and buttons to move to the next and previous issues](./inline-live-issue-analysis-images/navigating-issues.png) - -The **Problems** tab in the lower panel lists all the issues that DevTools found in the currently open files: - -![The Problems tab in the lower panel of Visual Studio Code, listing all the issues that are found in the project's files](./inline-live-issue-analysis-images/issues-in-lower-panel.png) - - - -#### Video: Advanced issues filtering in Edge DevTools and VSCode - -[![Thumbnail image for video "Advanced issues filtering in Edge DevTools and VSCode"](./inline-live-issue-analysis-images/advanced-issues-filtering.png)](https://www.youtube.com/watch?v=_dePgo89bq0) - - - -## Live updating of issues reporting - -Issues are evaluated live while you edit your code. As you type, you get feedback about any issues that are found, and how to fix them: - -![A possible issue being explained on an output element](./inline-live-issue-analysis-images/live-issue-reporting.png) - - - -## Automated Quick Fixes and issue filtering - - - -The Microsoft Edge DevTools extension for Visual Studio Code includes a **Quick Fix** feature. By using Quick Fixes, you can customize the error reporting of the extension to meet the needs of the current project. - -When you hover over an element that has an issue, you get a light bulb (![Light bulb icon](./inline-live-issue-analysis-images/light-bulb-icon.png)) icon indicating that there are Quick Fixes available: - -![An anchor element with a protocol-specific href attribute highlighted as a problem, by a wavy underline and light bulb icon above it](./inline-live-issue-analysis-images/light-bulb.png) - -Clicking the light bulb icon shows a list of options. For example, if you added a link that has a protocol-relative URL, you get the following **Quick Fix** list to choose from: - -![The Quick Fix panel opened next to the anchor element with the error, offering several Quick Fix options](./inline-live-issue-analysis-images/quick-fix-options.png) - -You can select whichever **Quick Fix** you want to use to resolve the issue or to stop reporting it as an issue: - -* **Fix "no-protocol-relative-urls" issue** - Adds the missing URL prefix `https://` to the link. - -* **Disable "no-protocol-relative-urls" hints in this project** - Creates a `.hintrc` configuration file in the project folder (if one doesn't exist already), and tells the extension to not report this issue for this project. - -* **Edit .hintrc for this project** - Opens the `.hintrc` configuration file so you can edit it to customize the extension's error reporting. - - - -## See also - -* [Find and fix problems using the Issues tool](../../devtools/issues/index.md) -* [Get started using the DevTools extension for Visual Studio Code](./get-started.md) -* [Microsoft Edge DevTools extension for Visual Studio Code](../microsoft-edge-devtools-extension.md) diff --git a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/install.md b/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/install.md index 9f0e59370a..3217d724e2 100644 --- a/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/install.md +++ b/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/install.md @@ -84,9 +84,6 @@ The DevTools extension shows a popup suggestion to install Node.js and npm. The ``` -See also: -* [Inline and live issue analysis](./inline-live-issue-analysis.md) - ## Step 5: Clone the Demos repo diff --git a/microsoft-edge/web-platform/release-notes/150.md b/microsoft-edge/web-platform/release-notes/150.md index 4437d1defe..823f358a8a 100644 --- a/microsoft-edge/web-platform/release-notes/150.md +++ b/microsoft-edge/web-platform/release-notes/150.md @@ -50,19 +50,13 @@ To stay up-to-date and get the latest web platform features, download a preview ## Microsoft Edge DevTools -See [What's new in Microsoft Edge DevTools](../../devtools/whats-new/index.md). - ## WebView2 -See [Release notes for the WebView2 SDK](../../webview2/release-notes/index.md). - +See [Release SDK 1.0.4078.44, for Runtime 150 (Jul. 7, 2026)](../../webview2/release-notes/index.md#release-sdk-10407844-for-runtime-150-jul-7-2026) in _Release notes for the WebView2 SDK_. diff --git a/microsoft-edge/web-platform/release-notes/151.md b/microsoft-edge/web-platform/release-notes/151.md index 427a9a7b1f..ef43533e3a 100644 --- a/microsoft-edge/web-platform/release-notes/151.md +++ b/microsoft-edge/web-platform/release-notes/151.md @@ -44,10 +44,7 @@ To stay up-to-date and get the latest web platform features, download a preview ## Microsoft Edge DevTools -See [What's new in Microsoft Edge DevTools](../../devtools/whats-new/index.md). - diff --git a/microsoft-edge/webdriver/index.md b/microsoft-edge/webdriver/index.md index 621548700f..4ed97478cd 100644 --- a/microsoft-edge/webdriver/index.md +++ b/microsoft-edge/webdriver/index.md @@ -56,7 +56,7 @@ Download and install a version of Microsoft Edge WebDriver that matches your bro ![The build number for Microsoft Edge on Sep. 28, 2024](./index-images/microsoft-edge-version.png) -1. Go to [Microsoft Edge WebDriver](https://developer.microsoft.com/microsoft-edge/tools/webdriver/). +1. Go to [Microsoft Edge WebDriver](https://developer.microsoft.com/microsoft-edge/tools/webdriver). 1. In the **Downloads** section of the page, click a platform button (such as **x64**) under a version number that matches your version number of Microsoft Edge: diff --git a/redirects/.openpublishing.redirection.ide-integration.json b/redirects/.openpublishing.redirection.ide-integration.json index bdffdbf1f2..e4e3d23b6e 100644 --- a/redirects/.openpublishing.redirection.ide-integration.json +++ b/redirects/.openpublishing.redirection.ide-integration.json @@ -14,6 +14,11 @@ "source_path": "../microsoft-edge/visual-studio-code/webhint.md", "redirect_url": "/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension", "redirect_document_id": false + }, + { + "source_path": "../microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/inline-live-issue-analysis.md", + "redirect_url": "/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension", + "redirect_document_id": false } ] } diff --git a/scripts/package-lock.json b/scripts/package-lock.json index 40de170425..393408c749 100644 --- a/scripts/package-lock.json +++ b/scripts/package-lock.json @@ -1405,9 +1405,9 @@ } }, "node_modules/liquidjs": { - "version": "10.27.0", - "resolved": "https://registry.npmjs.org/liquidjs/-/liquidjs-10.27.0.tgz", - "integrity": "sha512-tw/OA59K7aIBlMKIrKlumr37fiZUheShVHXY8cVctWisgY1p9mc5hreOvlreoS0wTiwlWk14Ya7305c2a/Cg5w==", + "version": "10.27.2", + "resolved": "https://registry.npmjs.org/liquidjs/-/liquidjs-10.27.2.tgz", + "integrity": "sha512-kvknfAEtOHjHkAAv7GxLEJh8ghpMQm3Fc4uWVyF7hERSTsSRsdC7saWs0p5aDG7GDcWsu5o+T4232O+8KZO55w==", "dependencies": { "commander": "^10.0.0" }, @@ -3001,9 +3001,9 @@ } }, "liquidjs": { - "version": "10.27.0", - "resolved": "https://registry.npmjs.org/liquidjs/-/liquidjs-10.27.0.tgz", - "integrity": "sha512-tw/OA59K7aIBlMKIrKlumr37fiZUheShVHXY8cVctWisgY1p9mc5hreOvlreoS0wTiwlWk14Ya7305c2a/Cg5w==", + "version": "10.27.2", + "resolved": "https://registry.npmjs.org/liquidjs/-/liquidjs-10.27.2.tgz", + "integrity": "sha512-kvknfAEtOHjHkAAv7GxLEJh8ghpMQm3Fc4uWVyF7hERSTsSRsdC7saWs0p5aDG7GDcWsu5o+T4232O+8KZO55w==", "requires": { "commander": "^10.0.0" }