Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 0 additions & 3 deletions microsoft-edge/developer/index.yml
Original file line number Diff line number Diff line change
Expand Up @@ -288,9 +288,6 @@ landingContent:

- text: Microsoft Edge DevTools extension for Visual Studio Code
url: ../visual-studio-code/microsoft-edge-devtools-extension.md # goes directly to main page, in DevTools

- text: Debug Microsoft Edge in Visual Studio Code
url: ../visual-studio-code/debugger-for-edge.md
- linkListType: how-to-guide
links:
- text: Opening source files in Visual Studio Code
Expand Down
3 changes: 0 additions & 3 deletions microsoft-edge/devtools/landing/index.yml
Original file line number Diff line number Diff line change
Expand Up @@ -210,9 +210,6 @@ landingContent:
- text: Microsoft Edge IDE integration
url: ../../visual-studio-code/ide-integration.md

- text: Debug Microsoft Edge in Visual Studio Code
url: ../../visual-studio-code/debugger-for-edge.md

- linkListType: how-to-guide
links:
- text: Microsoft Edge DevTools extension for Visual Studio Code
Expand Down
4 changes: 3 additions & 1 deletion microsoft-edge/devtools/whats-new/2019/12/devtools.md
Original file line number Diff line number Diff line change
Expand Up @@ -149,12 +149,14 @@ For more information, check out [Microsoft Edge DevTools extension for Visual St

<!-- dup entries: 2019/12, 2020/01 -->

Update Jul. 2026: The built-in debugger for Microsoft Edge in Visual Studio Code has been removed.

With the Debugger for Microsoft Edge Visual Studio Code extension, debug JavaScript running in Microsoft Edge directly from Visual Studio Code.
<!-- old url: https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-edge -->

![The Debugger for Microsoft Edge Extension in Visual Studio Code](./devtools-images/vscode-debugger.png)

Update: As of 2022, the **Debugger for Microsoft Edge Visual Studio Code extension** has been replaced by a built-in debugger for Microsoft Edge in Visual Studio Code. See [Debug Microsoft Edge in Visual Studio Code](../../../../visual-studio-code/debugger-for-edge.md).
Update: As of 2022, the **Debugger for Microsoft Edge Visual Studio Code extension** has been replaced by a built-in debugger for Microsoft Edge in Visual Studio Code.


<!-- --------- -->
Expand Down
4 changes: 3 additions & 1 deletion microsoft-edge/devtools/whats-new/2020/01/devtools.md
Original file line number Diff line number Diff line change
Expand Up @@ -157,12 +157,14 @@ For more information, check out [Microsoft Edge DevTools extension for Visual St

<!-- dup entries: 2019/12, 2020/01 -->

Update Jul. 2026: The built-in debugger for Microsoft Edge in Visual Studio Code has been removed.

With the Debugger for Microsoft Edge Visual Studio Code extension, debug JavaScript running in Microsoft Edge directly from Visual Studio Code.
<!-- old url: https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-edge -->

![The Debugger for Microsoft Edge Extension in Visual Studio Code](./devtools-images/vscode-debugger.png)

Update: As of 2022, the **Debugger for Microsoft Edge Visual Studio Code extension** has been replaced by a built-in debugger for Microsoft Edge in Visual Studio Code. See [Debug Microsoft Edge in Visual Studio Code](../../../../visual-studio-code/debugger-for-edge.md).
Update: As of 2022, the **Debugger for Microsoft Edge Visual Studio Code extension** has been replaced by a built-in debugger for Microsoft Edge in Visual Studio Code.


<!-- ---------- -->
Expand Down
4 changes: 0 additions & 4 deletions microsoft-edge/index.yml
Original file line number Diff line number Diff line change
Expand Up @@ -467,10 +467,6 @@ conceptualContent:
url: ./devtools/sources/opening-sources-in-vscode.md
itemType: how-to-guide

- text: Debug Microsoft Edge in Visual Studio Code
url: ./visual-studio-code/debugger-for-edge.md
itemType: overview

- text: Visual Studio for web development
url: ./visual-studio-code/index.md
itemType: how-to-guide
Expand Down
3 changes: 0 additions & 3 deletions microsoft-edge/toc.yml
Original file line number Diff line number Diff line change
Expand Up @@ -1974,9 +1974,6 @@
- name: Opening source files in Visual Studio Code
href: ./devtools/sources/opening-sources-in-vscode.md

- name: Debug Microsoft Edge in Visual Studio Code
href: ./visual-studio-code/debugger-for-edge.md

- name: Visual Studio for web development
href: ./visual-studio/index.md
# /Microsoft Edge IDE integration
Expand Down
20 changes: 0 additions & 20 deletions microsoft-edge/visual-studio-code/debugger-for-edge.md

This file was deleted.

10 changes: 0 additions & 10 deletions microsoft-edge/visual-studio-code/ide-integration.md
Original file line number Diff line number Diff line change
Expand Up @@ -40,16 +40,6 @@ local files will get a different treatment.<!--TODO: be specific-->
See [Opening source files in Visual Studio Code](../devtools/sources/opening-sources-in-vscode.md).


<!-- ====================================================================== -->
## Debug Microsoft Edge in Visual Studio Code

[Visual Studio Code](https://code.visualstudio.com) includes a built-in debugger for Microsoft Edge, which can launch the browser or attach to an already running browser.

This built-in debugger lets you debug your front-end JavaScript code line-by-line and see `console.log()` statements directly from Visual Studio Code.

See [Debug Microsoft Edge in Visual Studio Code](debugger-for-edge.md).


<!-- what to do with this section? present page is supposed to have h2 for each child page of TOC node, where h2 contains only 1 paragraph and link to child page -->
<!-- ====================================================================== -->
## The webhint extension for Visual Studio Code
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -195,7 +195,6 @@ Which webpage opens is in DevTools is set by `launch.json` if that file exists i
## See also

* [The launch.json file for the DevTools extension](./launch-json.md)
* [Debug Microsoft Edge in Visual Studio Code](../debugger-for-edge.md)
* [Microsoft Edge DevTools extension for Visual Studio Code](../microsoft-edge-devtools-extension.md)
* [The Visual Studio Code debugger now integrates with the DevTools extension](../../devtools/whats-new/2021/07/devtools.md#the-visual-studio-code-debugger-now-integrates-with-the-devtools-extension) in _What's new in DevTools (Microsoft Edge 93)_.
<!--todo: incorporate pov from what's new; update present article, then remove this link. Explain: The tools refresh automatically when you switch between different debugging targets.-->
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -81,8 +81,4 @@ To change or check the setting for which type of browser window to use:

* [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)
* [Debug Microsoft Edge in Visual Studio Code](../debugger-for-edge.md)

**External articles:**

* [Browser debugging in VS Code](https://code.visualstudio.com/docs/nodejs/browser-debugging)
* [Browser debugging in VS Code](https://code.visualstudio.com/docs/nodejs/browser-debugging) in Visual Studio Code docs.
5 changes: 5 additions & 0 deletions redirects/.openpublishing.redirection.ide-integration.json
Original file line number Diff line number Diff line change
Expand Up @@ -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/debugger-for-edge.md",
"redirect_url": "/microsoft-edge/visual-studio-code/ide-integration",
"redirect_document_id": false
}
]
}