Official news and updates from the #MicrosoftEdge Developer Tools team.

Joined December 2013
143 Photos and videos
Microsoft Edge DevTools retweeted
📺 New Edge DevTools What's New video 📺 It's my first too! Trying to fill @seaotta's shoes isn't an easy thing to do, but I hope the video is useful for you all to keep up with the latest from our team. youtube.com/watch?v=aa0C6BRd…
6
5
13
Microsoft Edge DevTools retweeted
In @EdgeDevTools, you can toggle the split-screen Console horizontally or vertically to maximize your screen real estate! This feature is in Edge Canary now and will roll out to more users soon. (Pssst: And it's not just Console. You can put any tool in the Quick View pane!)

ALT Screen recording showing the ability to change between horizontal and vertical split-screen views in Edge DevTools.

1
6
16
Microsoft Edge DevTools retweeted
We've made significant improvements to the Retainers pane in DevTools to ensure it is reliable for investigating memory issues. Learn more on the blog: msft.it/6018wKVuy
1
11
26
Microsoft Edge DevTools retweeted
What's new in Edge DevTools in version 96: 💻New Focus Mode UI experiment 🗺️Sources tool notifies you when sourcemaps can't be loaded 📱Microsoft Edge DevTools Visual Studio Code extension features a dockable screencast & device emulation And more! msft.it/6004ZO6gK
2
17
57
Microsoft Edge 96 ships with the latest Edge DevTools features and fixes, including a space-saving vertical toolbar option and the return of the ability to quickly toggle Console without moving tabs. Learn more at docs.microsoft.com/microsoft…
2
11
15
Microsoft Edge DevTools retweeted
"It's neat, and it's very front-end. It covers the big buckets, like compat, performance, security, accessibility. That's what we care about day-to-day." Delighted to hear @chriscoyier and @davatron5000 discussing the @webhintio code analysis features in @EdgeDevTools! 🥰
Ep484: Chris and Dave serving up another plate of 🥩 and 🥔s: - New @Cloudflare products - Should I lie to the browsers about img[sizes]? - Is the Vue 2→3 migration problematic? - Why the beef with Font Awesome? - What's the deeeal with @webhintio? shoptalkshow.com/484/
2
4
Microsoft Edge DevTools retweeted
🧰 Tools ↔️ Layout 🖌️ Theme 💬 Language Developers, here's a quick walkthrough covering all things you can do to customize @EdgeDevTools, so that you can begin creating solutions for customers seamlessly: msft.it/6011XAQVt
1
3
8
Microsoft Edge DevTools retweeted
We designed #Windows11 to provide a seamless development experience no matter what app you are building. 🎉 Check out how you can streamline your web & native app development, using tools like WebView2, Microsoft Edge DevTools, and the Windows App SDK. msft.it/6017XqPu3
6
13
59
Microsoft Edge DevTools retweeted
🛠 What if… Visual Studio Code became the editor of in-browser Developer Tools? Here's a 3 minute video explaining a new experiment in @EdgeDevTools that uses @code as the editor for local files with live syncing in DevTools. It uses Workspaces. youtube.com/watch?v=77qEmDlF…
7
21
79
Thanks to your feedback, we're fixing a reported issue with Edge DevTools drawer tabs. This fix restores the ability to switch between full and split-screen Console with a single click. This change is now available in Edge 96 and rolling out to everyone over the next few weeks!
9
12
Microsoft Edge DevTools retweeted
In the span of 10 minutes, I show @GeekTrainer five cool WYSIWYG features for visually fine-tuning CSS grid, flexbox, box shadow, color, and font families right inside DevTools. 🎬 Clip: youtube.com/watch?v=J-VoXQ2d…
1
3
11
Microsoft Edge DevTools retweeted
Jump from a CSS variable function to where the value is defined in DevTools, in 1 click. This works in @EdgeDevTools and @ChromeDevTools. Try it out! Learn more about it here: devtoolstips.org/tips/en/jum…

ALT GIF animation of the Edge DevTools Styles panel, showing the cursor clicking on a var(--primary) value, and the Styles panel automatically scrolling down to reveal where --primary is defined.

3
9
Microsoft Edge DevTools retweeted
Speaking of reasons to switch to Edge DevTools, I LOVE this small but mighty new feature: You can now copy a single line—or an entire CSS block!—formatted as Javascript. Super handy if you're working with CSS-in-JS in frameworks like Vue.
1
4
20
Microsoft Edge DevTools retweeted
Microsoft Edge 93 comes with DevTools improvements to help make the tools more approachable and personalized. Learn more about how to make the DevTools your own on the blog: msft.it/6014XRicY
11
39
Microsoft Edge DevTools retweeted
What’s new with developer tools in Firefox, Edge, Chrome and Safari? ↬ @patrickbrosset sheds lights on the new and powerful features that can help you be more comfortable and productive when testing and debugging across browsers. smashingmagazine.com/2021/09…
23
42
Microsoft Edge DevTools retweeted
1/10 🚨 🛠 Alright, Microsoft Edge is now version 93, which means a few things are now available for all in @EdgeDevTools. Here's a thread 🪡: First of all, DevTools now support several @code themes (not all yet, soz):
4
36
130