Microsoft Edge DevTools
@EdgeDevTools
Followers
9K
Following
343
Media
143
Statuses
804
Official news and updates from the #MicrosoftEdge Developer Tools team.
Redmond, WA
Joined December 2013
Learn how you can create an extension that customizes the DevTools UI 🖥️🔧
learn.microsoft.com
In this tutorial, you learn to build a Microsoft Edge extension that extends DevTools. At the end of the tutorial, you should have a working DevTools extension that creates its own panel and intera...
12
7
18
📺 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. https://t.co/bVCW4MdO6g
6
5
13
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!)
1
6
16
🤯 Just fixed some memory leaks in VS @code with the help of Detached Elements tool in Edge. Kudos to the team building this brilliant tool cc @patrickbrosset . Give it a try if you haven't yet.
blogs.windows.com
Memory leaks occur when the JavaScript code of an application retains more and more objects in memory that it doesn’t need any longer instead of releasing them for the browser to garbage collect...
2
26
108
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:
blogs.windows.com
Any sufficiently large web application will probably reach the point where it uses more memory than expected. At that point, a developer might start recording
1
9
27
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! https://t.co/tDkNASqS0Q
2
16
59
🛠 With @MicrosoftEdge hitting version 96, the "Open files in VS Code" experiment is now available to all. @EdgeDevTools now opens local files in @code and syncs the changes live - never lose any of your CSS tweaks again. More: https://t.co/EDi6az9v8g
https://t.co/f2cbDVgFHb
1
15
40
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 https://t.co/kgeBCt5ZUY
2
9
15
"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? https://t.co/uN550aShcp
0
2
4
🧰 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:
1
2
8
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. https://t.co/pG7uLldBtJ
6
12
59
🛠 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. https://t.co/lDOx9S43FZ
7
21
80
What’s New in Edge DevTools in version 93 https://t.co/e9eIoJgAqI
3
15
33
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!
0
8
12
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: https://t.co/a5UKQygn38
1
3
12
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: https://t.co/MVOKcWKcAb
0
3
9
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 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:
blogs.windows.com
There isn’t much you can’t do with web technologies nowadays. The web platform has evolved so much that such diverse things as animating elements, playing or recording media, accessing files or...
0
11
40
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. https://t.co/v9SDN8ZAi3
0
23
42
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
133