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
4 changes: 2 additions & 2 deletions microsoft-edge/dev-videos/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -211,7 +211,7 @@ See also:
* [What's new in DevTools (Microsoft Edge 108)](../devtools/whats-new/2022/12/devtools-108.md)<!-- has Video section -->
* [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/en-us/microsoft-edge/tools/webdriver/)<!-- requires /en-us/ --> - download Edge WebDriver.

<!-- The [initial, Dec. 6 video](https://www.youtube.com/watch?v=2fuTHag4EOw) is cut off at the end. Use the above video instead. -->

Expand Down Expand Up @@ -651,7 +651,7 @@ Covers:
* The **Console** tool can be in both the top and bottom panels of DevTools.
* The **Sources** tool notifies you when sourcemaps can't be loaded.
* Clicking a dropdown's triangle icon opens the menu.
* Opening source files in Visual Studio Code integrates with the **Sources** tool.
* Opening source files in Visual Studio Code integrates with the **Sources** tool. Update July 2026: This experiment has been removed.

See also:
* [What's New in DevTools 96](../devtools/whats-new/2021/11/devtools.md)<!-- has Video section -->
Expand Down
3 changes: 0 additions & 3 deletions microsoft-edge/developer/index.yml
Original file line number Diff line number Diff line change
Expand Up @@ -293,9 +293,6 @@ landingContent:
url: ../visual-studio-code/debugger-for-edge.md
- linkListType: how-to-guide
links:
- text: Opening source files in Visual Studio Code
url: ../devtools/sources/opening-sources-in-vscode.md

- text: Visual Studio for web development
url: ../visual-studio/index.md

Expand Down
3 changes: 0 additions & 3 deletions microsoft-edge/devtools/experimental-features/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -440,9 +440,6 @@ When you select a folder to use as your Workspace, selecting any link to a file

Any edits that you make in DevTools now change the file on the hard drive and sync live with Visual Studio Code.

See also:
* [Opening source files in Visual Studio Code](../sources/opening-sources-in-vscode.md) - setting up your workspace.

Status:
* This checkbox is present in Microsoft Edge Canary 144.
* This checkbox is present in Microsoft Edge Stable 142.
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 @@ -218,8 +218,5 @@ 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: Opening source files in Visual Studio Code
url: ../sources/opening-sources-in-vscode.md

- text: Visual Studio for web development
url: ../../visual-studio-code/index.md
76 changes: 0 additions & 76 deletions microsoft-edge/devtools/sources/opening-sources-in-vscode.md

This file was deleted.

5 changes: 2 additions & 3 deletions microsoft-edge/devtools/whats-new/2021/11/devtools.md
Original file line number Diff line number Diff line change
Expand Up @@ -129,6 +129,8 @@ See also:
<!-- Title: Open source files directly in Visual Studio Code from DevTools -->
<!-- Subtitle: The "Open source files in Visual Studio Code" experiment now works more intuitively with the Sources tool. -->

Update Jul. 2026: This experiment has been removed.<!-- todo: in what version is this checkbox removed from DevTools > Settings > Experiments? -->

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In what version of Edge is the Open source files in Visual Studio Code checkbox removed from DevTools > Settings > Experiments?

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

As far as I know, this experiment hasn't been removed.


In previous versions of Microsoft Edge, turning on the **Open source files in Visual Studio Code** experiment had unexpected behavior when you had already been using the **Sources** tool in DevTools. Setting breakpoints would direct you to Visual Studio Code or to documentation to configure the experiment correctly.

In Microsoft Edge version 96, the **Open source files in Visual Studio Code** experiment now integrates better with the **Sources** tool.
Expand All @@ -139,9 +141,6 @@ In Microsoft Edge version 96, the **Open source files in Visual Studio Code** ex

* As with earlier versions of Microsoft Edge, if the **Sources** tool isn't open in DevTools and you then turn on the **Open source files in Visual Studio Code** experiment, setting breakpoints or opening files from tools other than the **Sources** tool opens the file in Visual Studio Code.

See also:
* [Opening source files in Visual Studio Code](../../../sources/opening-sources-in-vscode.md) - how DevTools integrates with Visual Studio Code.


<!-- ====================================================================== -->
## Selecting the dropdown triangle icon in the DevTools UI now opens the menu
Expand Down
4 changes: 0 additions & 4 deletions microsoft-edge/index.yml
Original file line number Diff line number Diff line change
Expand Up @@ -463,10 +463,6 @@ conceptualContent:
url: ./visual-studio-code/microsoft-edge-devtools-extension.md # goes directly to main page, in DevTools
itemType: how-to-guide

- text: Opening source files in Visual Studio Code
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
Expand Down
3 changes: 0 additions & 3 deletions microsoft-edge/toc.yml
Original file line number Diff line number Diff line change
Expand Up @@ -1971,9 +1971,6 @@
- name: DevTools extension for Visual Studio Code # aux jump page
href: ./visual-studio-code/microsoft-edge-devtools-extension/devtools-extension.md

- 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

Expand Down
11 changes: 0 additions & 11 deletions microsoft-edge/visual-studio-code/ide-integration.md
Original file line number Diff line number Diff line change
Expand Up @@ -29,17 +29,6 @@ Without leaving Visual Studio Code, use Microsoft Edge DevTools to attach to an
See [Microsoft Edge DevTools extension for Visual Studio Code](microsoft-edge-devtools-extension.md).


<!-- ====================================================================== -->
## Open source files in Visual Studio Code

The **Open source files in Visual Studio Code** experiment allows you to use Microsoft Edge DevTools, but then edit your files in Visual Studio Code instead of in the code editor of the DevTools **Sources** tool.

When you use this experiment, if you use Visual Studio Code and you use DevTools to change your CSS rules, you no longer have to use the code editor in the Sources tool of DevTools. You can simply use the code editor in Visual Studio Code. When you turn on this experiment,
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

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,6 @@ The DevTools extension for Visual Studio Code is one of several different ways t
|---|---|---|
| Browser > DevTools > **Elements** tool | You have to manually copy changes from DevTools into your source files. | [Inspect, edit, and debug HTML and CSS with the Elements tool](../devtools/elements-tool/elements-tool.md)|
| Browser > DevTools > **Sources** tool > **Workspace** tab to define a **Workspace** | Always saves the changes, which could discourage experimenting | [Select a local Workspace, to use DevTools to edit files and save changes to disk](../devtools/sources/index.md) in _Sources tool overview_ |
| Browser > DevTools > **Settings** > **Experiments** > **Open source files in Visual Studio Code** | Always saves the changes, which could discourage experimenting | Experiments > [Opening source files in Visual Studio Code](../devtools/sources/opening-sources-in-vscode.md). |
| Microsoft Edge DevTools extension for Visual Studio Code | Automatically opens and edits the CSS source file but doesn't automatically save the file, so you get to choose whether to save the edits. | The present article. |


Expand Down
7 changes: 6 additions & 1 deletion redirects/.openpublishing.redirection.devtools.json
Original file line number Diff line number Diff line change
Expand Up @@ -1186,7 +1186,12 @@
// devtools articles outside of devtools toc bucket
{
"source_path": "../microsoft-edge/devtools-guide-chromium/sources/opening-sources-in-vscode.md",
"redirect_url": "/microsoft-edge/devtools/sources/opening-sources-in-vscode",
"redirect_url": "/microsoft-edge/visual-studio-code/ide-integration",
"redirect_document_id": false
},
{
"source_path": "../microsoft-edge/devtools/sources/opening-sources-in-vscode.md",
"redirect_url": "/microsoft-edge/visual-studio-code/ide-integration",
"redirect_document_id": false
},
{
Expand Down