Replace deprecated Browser Preview with Microsoft Edge Tools

Browser Preview is abandoned (already flagged deprecated). Microsoft Edge
Tools is the MS-maintained in-editor DevTools + browser preview.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Valerii Iatsko
2026-06-21 10:26:47 +02:00
parent 1d4953ddf6
commit bcd041c6ef
+3 -5
View File
@@ -87,7 +87,7 @@ out <a href="https://github.com/sindresorhus/awesome">awesome</a>.
- [Azure Cosmos DB](#azure-cosmos-db)
- [Azure IoT Toolkit](#azure-iot-toolkit)
- [Bookmarks](#bookmarks)
- [Browser Preview (deprecated)](#browser-preview)
- [Microsoft Edge Tools](#microsoft-edge-tools)
- [Color Tabs](#color-tabs)
- [Create tests](#create-tests)
- [Dendron](#dendron)
@@ -629,11 +629,9 @@ To enable Emmet support in .twig files, you'll need to have the following in you
> Mark lines and jump to them
## [Browser Preview (deprecated)](https://marketplace.visualstudio.com/items?itemName=auchenberg.vscode-browser-preview)
## [Microsoft Edge Tools](https://marketplace.visualstudio.com/items?itemName=ms-edgedevtools.vscode-edge-devtools)
> Browser Preview for VS Code enables you to open a real browser preview inside your editor that you can debug. Browser Preview is powered by Chrome Headless, and works by starting a headless Chrome instance in a new process. This enables a secure way to render web content inside VS Code, and enables interesting features such as in-editor debugging and more!
![Browser Preview Demo](https://raw.githubusercontent.com/auchenberg/vscode-browser-preview/master/resources/demo.gif)
> Use the Microsoft Edge browser's DevTools (Elements, Network, Console) and an in-editor browser preview directly inside VS Code.
## [Color Tabs](https://marketplace.visualstudio.com/items?itemName=orepor.color-tabs-vscode-ext)