Skip to content

Commit 1dff3ab

Browse files
mikehoffmsleahmsft
andauthored
What's New in DevTools (Microsoft Edge 135) (#3424)
* 135 * todo trim list * description: field todo cmt * remove links * normize Insiders preview string * trim desc: field * desc --------- Co-authored-by: leahmsft <[email protected]>
1 parent e617e9b commit 1dff3ab

File tree

17 files changed

+66
-27
lines changed

17 files changed

+66
-27
lines changed
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
---
2+
title: What's New in DevTools (Microsoft Edge 135)
3+
description: Origin and script links for profile and function calls. 'Network dependency tree' insight. Heaviest stack highlighting. Improved empty tools. And more. # key words before col 158
4+
author: MSEdgeTeam
5+
ms.author: msedgedevrel
6+
ms.topic: conceptual
7+
ms.service: microsoft-edge
8+
ms.subservice: devtools
9+
ms.date: 04/03/2025
10+
---
11+
# What's New in DevTools (Microsoft Edge 135)
12+
13+
These are the latest features in the Stable release of Microsoft Edge DevTools. Microsoft Edge 135 includes the following updates from the Chromium project:
14+
15+
* [Performance panel improvements](https://developer.chrome.com/blog/new-in-devtools-135#perf)
16+
* [Origin and script links for profile and function calls in Performance](https://developer.chrome.com/blog/new-in-devtools-135#perf-script-origin)
17+
* ['Network dependency tree' insight](https://developer.chrome.com/blog/new-in-devtools-135#network-deps-tree)
18+
* [Heaviest stack highlighting](https://developer.chrome.com/blog/new-in-devtools-135#heaviest-stack)
19+
* [Accessibility tree view in Elements](https://developer.chrome.com/blog/new-in-devtools-135#accessibility-tree)
20+
* [Improved empty states for various panels](https://developer.chrome.com/blog/new-in-devtools-135#empty-panels)
21+
22+
23+
<!-- ====================================================================== -->
24+
## See also
25+
26+
* [What's New in Microsoft Edge DevTools](../../whats-new.md)
27+
* [Release notes for Microsoft Edge web platform](../../../../web-platform/release-notes/index.md)

Diff for: microsoft-edge/devtools-guide-chromium/whats-new/whats-new.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -18,9 +18,9 @@ What's New articles correspond to historical releases of Microsoft Edge, and are
1818
<!-- ====================================================================== -->
1919
## Download the preview channels
2020

21-
To stay up to date and get the latest DevTools features, download an Insiders preview version of Microsoft Edge. Whether you're on Windows, Linux, or macOS, consider using Canary (or another preview channel) as your default development browser.
21+
To stay up to date and get the latest DevTools features, download an Insider channel (preview version) of Microsoft Edge. Whether you're on Windows, Linux, or macOS, consider using Canary (or another preview channel) as your default development browser.
2222

23-
The Beta, Dev, and Canary versions of Microsoft Edge run as separate apps, side-by-side with the stable, released version of Microsoft Edge. See [Microsoft Edge Insider Channels](https://aka.ms/microsoftedge).
23+
The preview versions of Microsoft Edge run as separate apps, side-by-side with the stable, released version of Microsoft Edge. To download a preview channel of Microsoft Edge (Beta, Dev, or Canary), go to [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider).
2424

2525

2626
<!-- ====================================================================== -->

Diff for: microsoft-edge/progressive-web-apps-chromium/how-to/digital-goods-api.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ Details are below.
5151

5252
To test the Digital Goods API locally, before deploying your app to production, run Edge Dev or Edge Canary. These preview versions of Edge have the API enabled, as part of a running experiment.
5353

54-
To download a preview (insider) channel of Microsoft Edge, see [Become a Microsoft Edge Insider](https://aka.ms/microsoftedge).
54+
To download a preview channel of Microsoft Edge (Beta, Dev, or Canary), go to [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider).
5555

5656

5757
<!-- ------------------------------ -->

Diff for: microsoft-edge/progressive-web-apps-chromium/whats-new/pwa.md

+3-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,9 @@ ms.date: 10/24/2023
1010
---
1111
# What's New in PWAs
1212

13-
The following are the updates to Progressive Web Apps (PWAs) and Web Apps, from the Microsoft Edge Web Apps team. To try new features, read these announcements. To stay up to date with the latest and greatest features, download the [Microsoft Edge preview channels](https://www.microsoft.com/edge/download/insider) (Beta, Dev, and Canary).
13+
The following are the updates to Progressive Web Apps (PWAs) and Web Apps, from the Microsoft Edge Web Apps team. To try new features, read these announcements.
14+
15+
To stay up to date with the latest and greatest features, download a preview channel of Microsoft Edge (Beta, Dev, or Canary); go to [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider).
1416

1517
Sections of this document correspond to historical releases of Microsoft Edge, and are not updated over time. For example, references below to "new features" or "origin trials" might become outdated as new versions of Microsoft Edge are released.
1618

Diff for: microsoft-edge/puppeteer/index.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ Puppeteer launches [headless browsers](https://wikipedia.org/wiki/Headless_brows
1616

1717
By default, when you install Puppeteer, the installer downloads a recent version of [Chromium](https://www.chromium.org/Home), the open-source browser that [Microsoft Edge is also built upon](https://blogs.windows.com/windowsexperience/2018/12/06/microsoft-edge-making-the-web-better-through-more-open-source-collaboration).
1818

19-
If you have Microsoft Edge installed, you can use [puppeteer-core](https://pptr.dev/#?product=Puppeteer&version=v2.0.0&show=api-puppeteer-vs-puppeteer-core). `puppeteer-core` is a lightweight version of Puppeteer that launches an existing browser installation, like Microsoft Edge. To download Microsoft Edge, go to [Download Microsoft Edge Insider Channels](https://www.microsoft.com/edge/download/insider).
19+
If you have Microsoft Edge installed, you can use [puppeteer-core](https://pptr.dev/#?product=Puppeteer&version=v2.0.0&show=api-puppeteer-vs-puppeteer-core). `puppeteer-core` is a lightweight version of Puppeteer that launches an existing browser installation, like Microsoft Edge. To download a preview channel of Microsoft Edge (Beta, Dev, or Canary), go to [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider).
2020

2121
Puppeteer is a [Node](https://nodejs.org) library.
2222

@@ -122,7 +122,7 @@ The preceding example demonstrates basic automation and testing scenarios that y
122122

123123
#### Tools
124124

125-
* [Download Microsoft Edge Insider Channels](https://www.microsoft.com/edge/download/insider)
125+
* [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider) - download a preview channel of Microsoft Edge (Beta, Dev, or Canary).
126126
* [Chromium on The Chromium Projects](https://www.chromium.org/Home)
127127
* [Node.js](https://nodejs.org)
128128
* [Puppeteer](https://pptr.dev)

Diff for: microsoft-edge/toc.yml

+8-4
Original file line numberDiff line numberDiff line change
@@ -79,6 +79,10 @@
7979
href: ./devtools-guide-chromium/whats-new/whats-new.md
8080
displayName: release notes, announcements
8181
# latest 10 What's New
82+
- name: Microsoft Edge 135
83+
href: ./devtools-guide-chromium/whats-new/2025/04/devtools-135.md
84+
displayName: What's New in DevTools (Microsoft Edge 135) # page title
85+
8286
- name: Microsoft Edge 134
8387
href: ./devtools-guide-chromium/whats-new/2025/03/devtools-134.md
8488
displayName: What's New in DevTools (Microsoft Edge 134) # page title
@@ -115,16 +119,16 @@
115119
href: ./devtools-guide-chromium/whats-new/2024/06/devtools-126.md
116120
displayName: What's New in DevTools (Microsoft Edge 126) # page title
117121

118-
- name: Microsoft Edge 125
119-
href: ./devtools-guide-chromium/whats-new/2024/05/devtools-125.md
120-
displayName: What's New in DevTools (Microsoft Edge 125) # page title
121-
122122
# keep 10 items above
123123
- name: Archive
124124
items:
125125
- name: What's New in DevTools archive
126126
href: ./devtools-guide-chromium/whats-new/whats-new-archive.md
127127

128+
- name: Microsoft Edge 125
129+
href: ./devtools-guide-chromium/whats-new/2024/05/devtools-125.md
130+
displayName: What's New in DevTools (Microsoft Edge 125) # page title
131+
128132
- name: Microsoft Edge 124
129133
href: ./devtools-guide-chromium/whats-new/2024/04/devtools-124.md
130134
displayName: What's New in DevTools (Microsoft Edge 124) # page title

Diff for: microsoft-edge/visual-studio/index.md

+5-3
Original file line numberDiff line numberDiff line change
@@ -69,10 +69,12 @@ Next, run and debug the ASP.NET Core web app project in Visual Studio, as follow
6969

7070
![Turn on script debugging in Visual Studio](./index-images/enable-script-debugging.png)
7171

72-
1. In the same dropdown list, select **Web Browser** > the preview channel of Microsoft Edge that you want Visual Studio to launch, such as Microsoft Edge Canary, Dev, or Beta. If you aren't already using one of the Microsoft Edge preview channels, go to [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider) to download one.
73-
72+
1. In the same dropdown list, select **Web Browser** > the preview channel of Microsoft Edge that you want Visual Studio to launch, such as Microsoft Edge Canary, Dev, or Beta.
73+
7474
![Select the preview channel of Microsoft Edge that you want Visual Studio to launch](./index-images/set-web-browser.png)
7575

76+
To download a preview channel of Microsoft Edge (Beta, Dev, or Canary), go to [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider).
77+
7678
1. Select the green **Play** button. Visual Studio builds your app, starts the web server, launches Microsoft Edge, and navigates to `https://localhost:44362/` or whatever port is specified in `launchSettings.json`.
7779

7880
![Microsoft Edge launches from Visual Studio](./index-images/edge-launch.png)
@@ -196,6 +198,6 @@ The Microsoft Visual Studio and Microsoft Edge teams wants to learn more about h
196198
External:
197199
* [Visual Studio](https://visualstudio.microsoft.com/vs)
198200
* [Download Visual Studio](https://visualstudio.microsoft.com/downloads)
199-
* [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider)
201+
* [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider) - download a preview channel of Microsoft Edge (Beta, Dev, or Canary).
200202
* [Microsoft Edge Developers Tools for Visual Studio (PREVIEW)](https://aka.ms/edgetools-for-vs) at Visual Studio Marketplace.
201203
* [Edge Developer Tools for Visual Studio (Preview)](https://devblogs.microsoft.com/visualstudio/edge-developer-tools-for-visual-studio-preview/), at Visual Studio DevBlogs.<!-- todo: update from preview to release (this link is Sep 16, 2024) -->

Diff for: microsoft-edge/web-platform/release-notes/133.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ ms.date: 02/06/2025
1111

1212
The following are the new web platform features and updates in Microsoft Edge 133, which releases on February 6, 2025.
1313

14-
To stay up-to-date and get the latest web platform features, download an Insiders version of Microsoft Edge, such as Canary, Dev, or Beta; see [Become a Microsoft Edge Insider](https://aka.ms/microsoftedge).
14+
To stay up-to-date and get the latest web platform features, download a preview channel of Microsoft Edge (Beta, Dev, or Canary); go to [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider).
1515

1616
**Detailed contents:**
1717
* [Edge DevTools](#edge-devtools)

Diff for: microsoft-edge/web-platform/release-notes/134.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ ms.date: 03/06/2025
1111

1212
The following are the new web platform features and updates in Microsoft Edge 134, which releases on March 6, 2025.
1313

14-
To stay up-to-date and get the latest web platform features, download an Insiders version of Microsoft Edge, such as Canary, Dev, or Beta; see [Become a Microsoft Edge Insider](https://aka.ms/microsoftedge).
14+
To stay up-to-date and get the latest web platform features, download a preview channel of Microsoft Edge (Beta, Dev, or Canary); go to [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider).
1515

1616
**Detailed contents:**
1717

Diff for: microsoft-edge/web-platform/release-notes/135.md

+1-4
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ ms.date: 03/06/2025
1111

1212
The following are the new web platform features and updates in Microsoft Edge 135, which releases on April 3, 2025.
1313

14-
To stay up-to-date and get the latest web platform features, download an Insiders version of Microsoft Edge, such as Canary, Dev, or Beta; see [Become a Microsoft Edge Insider](https://aka.ms/microsoftedge).
14+
To stay up-to-date and get the latest web platform features, download a preview channel of Microsoft Edge (Beta, Dev, or Canary); go to [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider).
1515

1616
**Detailed contents:**
1717

@@ -61,10 +61,7 @@ To stay up-to-date and get the latest web platform features, download an Insider
6161
<!-- ====================================================================== -->
6262
## Edge DevTools
6363

64-
See [What's New in Microsoft Edge DevTools](../../devtools-guide-chromium/whats-new/whats-new.md).
65-
<!-- todo: when exists in April 2025, use instead:
6664
See [What's New in DevTools (Microsoft Edge 135)](../../devtools-guide-chromium/whats-new/2025/04/devtools-135.md).
67-
-->
6865

6966

7067
<!-- ====================================================================== -->

Diff for: microsoft-edge/web-platform/release-notes/136.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ ms.date: 04/02/2025
1111

1212
The following are the new web platform features and updates in Microsoft Edge 136, which releases on May 1, 2025.
1313

14-
To stay up-to-date and get the latest web platform features, download an Insiders version of Microsoft Edge, such as Canary, Dev, or Beta; see [Become a Microsoft Edge Insider](https://aka.ms/microsoftedge).
14+
To stay up-to-date and get the latest web platform features, download a preview channel of Microsoft Edge (Beta, Dev, or Canary); go to [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider).
1515

1616
**Detailed contents:**
1717

Diff for: microsoft-edge/web-platform/release-notes/index.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ ms.date: 03/03/2025
1111

1212
These release notes cover the new web platform features and updates in Microsoft Edge.
1313

14-
To stay up-to-date and get the latest web platform features, download an Insiders version of Microsoft Edge, such as Canary, Dev, or Beta; see [Become a Microsoft Edge Insider](https://aka.ms/microsoftedge).
14+
To stay up-to-date and get the latest web platform features, download a preview channel of Microsoft Edge (Beta, Dev, or Canary); go to [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider).
1515

1616

1717
<!-- ====================================================================== -->

Diff for: microsoft-edge/webdriver-chromium/index.md

+4-1
Original file line numberDiff line numberDiff line change
@@ -281,7 +281,7 @@ You can pass an `EdgeOptions` object to the `EdgeDriver` constructor to configur
281281

282282
###### Choose Specific Browser Binaries
283283

284-
You can start a WebDriver session with specific Microsoft Edge binaries. For example, you can run tests using the [Microsoft Edge preview channels](https://www.microsoft.com/edge/download/insider), such as Microsoft Edge Beta, Dev, or Canary, as follows:
284+
You can start a WebDriver session with specific Microsoft Edge binaries. For example, you can run tests using the preview channels of Microsoft Edge (Beta, Dev, or Canary), as follows:
285285

286286
##### [C#](#tab/c-sharp)
287287

@@ -326,6 +326,9 @@ let driver = edge.Driver.createSession(options);
326326

327327
---
328328

329+
To download a preview channel of Microsoft Edge (Beta, Dev, or Canary), go to [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider).
330+
331+
329332
###### Pass extra command-line arguments
330333

331334
You can use `EdgeOptions` to configure command-line arguments that will be passed to the Microsoft Edge browser process when a session is created. For example, you can configure the browser to run in headless mode, as follows:

Diff for: microsoft-edge/webview2/how-to/machine-setup.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ Install any Microsoft Edge preview channel (Beta, Dev, or Canary) on a supported
3030
* Windows 10
3131
* Windows 11
3232

33-
To do this, go to [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider). The preview channels are also called _Insider channels_.
33+
To download a preview channel of Microsoft Edge (Beta, Dev, or Canary), go to [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider).
3434

3535
We recommend using the Canary channel. The minimum required version is 82.0.488.0.
3636

Diff for: microsoft-edge/webview2/how-to/prerelease-testing.md

+4-2
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,9 @@ Conduct both automated and manual testing:
2222

2323
Evergreen WebView2 is based on the evergreen Chromium platform, which receives monthly major updates. Regressions in WebView2 apps tend to be application-specific, rather than affecting all WebView2 apps. WebView2 is tested in a variety of general scenarios, but it's possible that some of the specific scenarios of your app are not covered.
2424

25-
To catch app-specific regressions before WebView2 changes ship in Edge Stable, test your WebView2 app against the preview WebView2 Runtime that's shipped with the preview channels of Microsoft Edge (Canary, Dev, and Beta). To manually install the preview channels, go to [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider). The preview channels are also called _Insider channels_.
25+
To catch app-specific regressions before WebView2 changes ship in Edge Stable, test your WebView2 app against the preview WebView2 Runtime that's shipped with the preview channels of Microsoft Edge (Canary, Dev, and Beta).
26+
27+
To download a preview channel of Microsoft Edge (Beta, Dev, or Canary), go to [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider).
2628

2729

2830
<!-- ====================================================================== -->
@@ -63,4 +65,4 @@ Upon finding issues, you can report them via the [Microsoft Edge / WebView2Feedb
6365
* [WebView2 feedback repo](https://github.com/MicrosoftEdge/WebView2Feedback)
6466
* [Site compatibility-impacting changes coming to Microsoft Edge](/microsoft-edge/web-platform/site-impacting-changes)
6567
* [Overview of the Microsoft Edge channels](/deployedge/microsoft-edge-channels)
66-
* [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider) - download Edge Canary, Edge Dev, or Edge Beta.
68+
* [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider) - download a preview channel of Microsoft Edge (Beta, Dev, or Canary).

Diff for: microsoft-edge/webview2/how-to/set-preview-channel.md

+3-1
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,9 @@ We recommend that you test upcoming changes using preview channels to ensure you
5656

5757
To use experimental APIs, download a prerelease version of the WebView2 SDK from [Microsoft.Web.WebView2 package](https://www.nuget.org/packages/Microsoft.Web.WebView2).
5858

59-
Preview channels of Microsoft Edge include the preview WebView2 Runtime. Preview channels are also called _Insider channels_. After being installed, the preview channels stay up-to-date; the latest version of each preview channel is automatically installed. For example, this means the Canary channel will update itself almost daily. To download a Microsoft Edge preview channel (Canary, Dev, or Beta), go to [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider).
59+
Preview channels of Microsoft Edge include the preview WebView2 Runtime. Preview channels are also called _Insider channels_. After being installed, the preview channels stay up-to-date; the latest version of each preview channel is automatically installed. For example, this means the Canary channel will update itself almost daily.
60+
61+
To download a preview channel of Microsoft Edge (Beta, Dev, or Canary), go to [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider).
6062

6163
To deploy the preview channel to multiple machines, see [How to deploy preview channels](#how-to-deploy-preview-channels), below.
6264

Diff for: microsoft-edge/webview2/index.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -132,7 +132,7 @@ developer.microsoft.com:
132132
* [Microsoft Edge WebView2](https://developer.microsoft.com/microsoft-edge/webview2) - initial introduction to WebView2 features at developer.microsoft.com.
133133

134134
Microsoft.com:
135-
* [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider) - download the preview channels of Microsoft Edge (Canary, Dev, and Beta).
135+
* [Become a Microsoft Edge Insider](https://www.microsoft.com/edge/download/insider) - download a preview channel of Microsoft Edge (Beta, Dev, or Canary).
136136

137137
YouTube:
138138
* [Building, Deploying, and Managing WebView2 Applications](https://www.youtube.com/watch?v=LX-eXvcSx6c) - March 2, 2021.

0 commit comments

Comments
 (0)