EdgeDevTools's profile picture. Official news and updates from the #MicrosoftEdge Developer Tools team.

Microsoft Edge DevTools

@EdgeDevTools

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

Repost di Microsoft Edge DevTools

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


Repost di Microsoft Edge DevTools

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

patrickbrosset's tweet card. Microsoft Edge | What's New in DevTools 103

youtube.com

YouTube

Microsoft Edge | What's New in DevTools 103


Repost di Microsoft Edge DevTools

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


Repost di Microsoft Edge DevTools

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


Repost di Microsoft Edge DevTools

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


Repost di Microsoft Edge DevTools

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


Repost di Microsoft Edge DevTools

🛠 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

codepo8's tweet card. From Edge 96 onwards local files can get edited in Visual Studio Code...

youtube.com

YouTube

From Edge 96 onwards local files can get edited in Visual Studio Code...


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…

EdgeDevTools's tweet image. 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…

Repost di Microsoft Edge DevTools

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


Repost di Microsoft Edge DevTools

🧰 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


Repost di Microsoft Edge DevTools

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

windowsdev's tweet image. 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

Repost di Microsoft Edge DevTools

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

codepo8's tweet card. What if… Visual Studio Code became the editor of in-browser Developer...

youtube.com

YouTube

What if… Visual Studio Code became the editor of in-browser Developer...


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!


Repost di Microsoft Edge DevTools

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…

partytimeHXLNT's tweet image. 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…

Repost di Microsoft Edge DevTools

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…


Repost di Microsoft Edge DevTools

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.


Repost di Microsoft Edge DevTools

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


Repost di Microsoft Edge DevTools

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/devtoo…

smashingmag's tweet image. 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/devtoo…

Repost di Microsoft Edge DevTools

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

codepo8's tweet image. 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):

Loading...

Something went wrong.


Something went wrong.