相对于Chrome devtools,Vscode提供了Microsoft Edge 开发人员工具,Microsoft Edge Developer Tools for Visual Studio Code 扩展允许你从编辑器中使用浏览器的元素和网络工具。在不离开 Visual Studio Code 的情况下,使用 Microsoft Edge 开发人员工具 (DevTools) 连接到具有以下功能的 Microsoft Edge 实例。
- 查看运行时 HTML 结构。
- 更改布局。
- 更改样式 (CSS)。
- 阅读控制台消息。
- 查看网络请求。
有两种方法可以打开 Microsoft Edge 开发人员工具。
- 从 Visual Studio Code 中的活动栏。
- 来自 Visual Studio Code 中的 JavaScript 调试器。
插件下载点击标题