Microsoft Edge DevTools

Learn how you can create an extension that customizes the DevTools UI 🖥️🔧 msft.it/6018dpA0o

📺 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=aa0C6B…

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!)

🤯 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/msedgedev/2021…

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

@AleiusLestat Take a look at our WebDriver documentation here: docs.microsoft.com/microsoft-edge…

@EdgeDevTools hi! I saw that there a container Docker with selenium driver, but I don't found any documentation for how use this container. Could you please can help with any documentation? Like where is driver into container for modified my code.

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

🛠 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: aka.ms/open-in-code youtu.be/BipIjroX0ig

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-edge…

"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! 🥰

🧰 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

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

🛠 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=77qEmD…

What’s New in Edge DevTools in version 93 youtu.be/rDB_a4bUeeA

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!

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-VoXQ…

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/jump-t…

@seaotta @mahmudzero Yes, the ability to move any DevTools tab to the drawer is available across all OSes running Edge 87 or later. Glad you're enjoying the new DevTools feature! /Rachel

@mahmudzero I'm going to guess cross platform...pinging @EdgeDevTools to confirm.

@PycraftDev @mrsidverse @flointech @Microsoft @msdevUK @msdev @MicrosoftEdge @MSEdgeDev We're always working to improve, and we really do appreciate the feedback! You can always share ideas, log bugs, or ask questions about Edge DevTools by using our feedback tool in DevTools. #getting-in-touch-with-the-microsoft-edge-devtools-team" target="_blank" rel="nofollow noopener">docs.microsoft.com/microsoft-edge… /Rachel

@mrsidverse @flointech @Microsoft @msdevUK @msdev @MicrosoftEdge @MSEdgeDev @EdgeDevTools Haha gosh that'd be excellent lol haha, but yes I always make a point to agree to send back user data, because being on the receiving end of that data is invaluable for debugging and working on code (and peace of mind its going alright) hehe :)

Developers, what browser do you use? #100DaysOfCode #DEVCommunity

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.