我是 Chris Heilmann，微软 Edge 开发工具的首席项目经理 - AMA！

我是 Chris Heilmann，微软 Edge 开发工具的首席项目经理 - AMA！

我是 Chris Heilmann，微软 Edge 开发工具的首席项目经理 - AMA！

作为Create Frontend大会的一部分，我和我的团队想邀请与会者（实际上也欢迎任何人）向我们提出关于 Microsoft Edge 浏览器（基于 Chromium）中的浏览器开发者工具可以为您做什么以及我们可以改进哪些方面的问题。

以下是我们正在做的一些您可能还不知道的事情，我们很希望您能了解一下：

如何获取 Microsoft Edge

• 您可以下载适用于 Windows、MacOS、iOS 和 Android 的Microsoft Edge 浏览器（Linux 版本即将推出）。
• 您还可以参与浏览器的内部版本测试，Canary 是每日构建版本，Dev 每周更新，Beta 大约每 6 周发布一个新的主要版本。

Microsoft Edge 的开发者工具有哪些？

这款新浏览器基于 Chromium 项目，与 Google Chrome、Brave、三星浏览器以及许多其他浏览器类似。在桌面操作系统上，它内置了开发者工具，您可以在任何网页上按 F12（或 CMD/CTRL+Shift+I）查看。这些工具看起来应该很熟悉，因为它们与 Google Chrome 中的开发者工具使用相同的代码库，而且我们正与 Google 合作开发它们。我们为开发者工具所做的所有工作都会回馈到这个项目中，因此可以改善所有基于 Chromium 的浏览器（而不仅仅是 Edge）的开发者体验。

我们目前已完成的工作：

• 仅在开发者工具方面，我们就为 Chromium 项目贡献了 600 多项更改。这些更改不仅包括错误修复，还包括我们了解到开发者社区所需要的其他重要更改。
• 我们已使开发者工具本身可通过键盘和屏幕阅读器访问，并在高对比度视图中正确显示。
• 我们已将开发者工具本地化为多种语言，因为我们知道并非所有开发者都喜欢用英语设置开发环境。
• 我们允许用户自定义开发者工具，使用您在 IDE 中熟悉的键盘快捷键，并允许用户自定义工具主题，使其外观和风格与您可能使用的其他环境（例如Visual Studio Code）保持一致。

视频素材

如果您想观看我们的一些演示文稿，可以查看我们整理的这份方便的视频列表。每个视频时长约为15分钟。

需要问的问题

Chromium Devtools 中有很多很棒的新功能，我们还在进行一些实验，非常希望得到您的反馈。

您可以在文档的“新增功能”部分查看所有新增内容。这些内容也会显示在开发者工具中。

一些值得关注的内容：

• 使用集成了Webhint 的Microsoft Edge DevTools Issues 工具查找和修复问题。Webhint 是一款代码检查工具，用于检查 Web 产品是否存在可访问性、兼容性、安全性和应用就绪性问题。
• 适用于 Visual Studio Code 的 Microsoft Edge Devtools将浏览器开发者工具嵌入到编辑器中。这意味着，例如，您无需离开编辑器，即可在 Visual Studio Code 中使用您在浏览器中常用的可视化工具编辑 CSS。
• 将 DevTools 中的键盘快捷键与 VS Code 中的键盘快捷键进行匹配
• 更轻松地调整开发者工具抽屉的大小
• 您可以尝试一些实验性功能，例如：CSS 概览（向您展示样式表的全部内容）、在窗格之间移动选项卡、双屏设备模拟和网络控制台。

如何保持联系

您随时可以在 Twitter 上找到我们，账号是@EdgeDevTools，或者您也可以使用工具中的反馈机制直接提交工具本身的错误报告。