Microsoft Edge DevTools (@edgedevtools) 's Twitter Profile
Microsoft Edge DevTools

@edgedevtools

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

ID: 2244220190

linkhttps://docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium calendar_today13-12-2013 17:32:10

804 Tweet

8,8K Takipçi

124 Takip Edilen

Chris Heilmann codepo8.bsky.social (@codepo8) 's Twitter Profile Photo

1/10 🚨 🛠 Alright, Microsoft Edge is now version 93, which means a few things are now available for all in Microsoft Edge DevTools. Here's a thread 🪡: First of all, DevTools now support several Visual Studio Code themes (not all yet, soz):

1/10 🚨 🛠 Alright, Microsoft Edge is now version 93, which means a few things are now available for all in  <a href="/EdgeDevTools/">Microsoft Edge DevTools</a>.  
Here's a thread 🪡:

First of all, DevTools now support several <a href="/code/">Visual Studio Code</a> themes (not all yet, soz):
Smashing Magazine 🇺🇦 🏳️‍🌈 (@smashingmag) 's Twitter Profile Photo

What’s new with developer tools in Firefox, Edge, Chrome and Safari? ↬ Patrick @[email protected] 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/devtoo…

What’s new with developer tools in Firefox, Edge, Chrome and Safari?

↬ <a href="/patrickbrosset/">Patrick @patrickbrosset@mas.to</a> 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/devtoo…
Microsoft Edge Dev (@msedgedev) 's Twitter Profile Photo

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

@HXLNT@merveilles.town (@partytimehxlnt) 's Twitter Profile Photo

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.

DevTools Tips @devtoolstips@front-end.social (@_devtoolstips) 's Twitter Profile Photo

Jump from a CSS variable function to where the value is defined in DevTools, in 1 click. This works in Microsoft Edge DevTools and Chrome DevTools. Try it out! Learn more about it here: devtoolstips.org/tips/en/jump-t…

@HXLNT@merveilles.town (@partytimehxlnt) 's Twitter Profile Photo

In the span of 10 minutes, I show Christopher Harrison 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…

In the span of 10 minutes, I show <a href="/GeekTrainer/">Christopher Harrison</a> 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…
Windows Developer (@windowsdev) 's Twitter Profile Photo

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

We designed #Windows11 to provide a seamless development experience no matter what app you are building. 🎉

Check out how you can streamline your web &amp; native app development, using tools like WebView2, Microsoft Edge DevTools, and the Windows App SDK. msft.it/6017XqPu3
Microsoft Edge DevTools (@edgedevtools) 's Twitter Profile Photo

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!

Chris Heilmann codepo8.bsky.social (@codepo8) 's Twitter Profile Photo

🛠 What if… Visual Studio Code became the editor of in-browser Developer Tools? Here's a 3 minute video explaining a new experiment in Microsoft Edge DevTools that uses Visual Studio Code as the editor for local files with live syncing in DevTools. It uses Workspaces. youtube.com/watch?v=77qEmD…

Microsoft Partner (@mspartner) 's Twitter Profile Photo

🧰 Tools ↔️ Layout 🖌️ Theme 💬 Language Developers, here's a quick walkthrough covering all things you can do to customize Microsoft Edge DevTools, so that you can begin creating solutions for customers seamlessly: msft.it/6011XAQVt

@HXLNT@merveilles.town (@partytimehxlnt) 's Twitter Profile Photo

"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 Chris Coyier and Dave Rupert discussing the webhint code analysis features in Microsoft Edge DevTools! 🥰

Microsoft Edge DevTools (@edgedevtools) 's Twitter Profile Photo

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…

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…
Chris Heilmann codepo8.bsky.social (@codepo8) 's Twitter Profile Photo

🛠 With Microsoft Edge hitting version 96, the "Open files in VS Code" experiment is now available to all. Microsoft Edge DevTools now opens local files in Visual Studio 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 Dev (@msedgedev) 's Twitter Profile Photo

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

Microsoft Edge Dev (@msedgedev) 's Twitter Profile Photo

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

rebornix (@njukidreborn) 's Twitter Profile Photo

🤯 Just fixed some memory leaks in VS Visual Studio Code with the help of Detached Elements tool in Edge. Kudos to the team building this brilliant tool cc Patrick @[email protected] . Give it a try if you haven't yet. blogs.windows.com/msedgedev/2021…

Patrick @patrickbrosset@mas.to (@patrickbrosset) 's Twitter Profile Photo

📺 New Edge DevTools What's New video 📺 It's my first too! Trying to fill Stephanie 🔮 Web Witch ( 🦋 @seaotta.dev)'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…

@HXLNT@merveilles.town (@partytimehxlnt) 's Twitter Profile Photo

In Microsoft Edge DevTools, 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!)