实现VsCode内置javascript调试:包括浏览器开发工具与控制台


相对于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 调试器。

插件下载点击标题