Microsoft Edge DevTools Preview - Download

好东西

新的 Windows DevTools 体验非常流畅。我正在调试响应式布局上的 CSS 网格问题，并且能够一键在移动和桌面视口之间切换，使事情变得更快。那 WebAssembly 调试器呢？在尝试之前我什至不知道我需要它。我有一个 WASM 模块无声地崩溃，突然间我可以单步执行汇编代码、检查变量并准确查看它在哪里崩溃。它不是每个开发人员每天都会使用的东西，但当你这样做时，它就会改变游戏规则。 DOM 检查器现在也更加快捷 - 将鼠标悬停在元素上会立即突出显示它们，没有延迟。感觉比老版本更精致，老版本总是有点拖沓。

不太好的

这仍然是预览版，所以不要指望一切都会顺利。在开发工具中打开多个选项卡时，我遇到了一些崩溃，尤其是在开发复杂的 React 应用程序之后。此外，主要 Edge 版本中缺少一些功能 - 例如网络节流控制在这里不那么灵活。如果您习惯了 Chrome DevTools，那么键盘快捷键一开始会感觉不太好。默认情况下没有“检查元素”，除非您手动启用它。这不是一个破坏性的事情，但我花了一分钟来调整。此外，由于它目前仅在 Windows 上可用，Mac 用户就不走运了。而且它还没有非常完善的文档记录 - 您最终将通过挖掘 GitHub 问题或 Edge 博客来弄清楚某些事情是如何工作的。

底线

如果您使用的是 Windows 并且想尝试 Microsoft 的最新开发工具，那么这绝对值得下载。它是免费的、新鲜的，仅 WebAssembly 调试器就可以节省您的时间。但如果您已经对 Chrome DevTools 感到满意或需要跨平台支持，请坚持使用有效的方法。这是为那些想要窥探未来的早期采用者准备的。试一试——尝试一下总没有坏处。