取代浏览器插件调试，VS Code 整合 JS 调试工具

整理 | 孙胜

最近，Microsoft Edge 官博宣布，JavaScript 调试现已内置到 Visual Studio Code 代码中，因此不需再次使用浏览器调试。

调试.js程序，无需安装任何扩展。用户只需按 F5 或激活菜单栏中的调试图标并选择"运行和调试"即可开始会话。或者用户使用 Visual Studio Code 的代码命令控制板并运行"调试：打开链接"，通过Visual Studio Code编辑器，用户可以直接选择Chrome、Microsoft Edge调试.js而无需安装任何扩展。

来源于微软官网

如果用户选择内嵌的Microsoft Edge调试器，用户只需要注意到调试工具栏中的附加功能：检查按钮。

来源于微软官网

这个检查按钮会在 Visual Studio Code 代码运行过程中直接启动 Microsoft Edge调试工具。第一次点击此按钮时，用户需要安装用于 Visual Studio Code 调试 JavaScript 程序的 Microsoft Edge调试器插件。第一次安装成功后，以后就不会弹出这个提示框。

来源于微软官网

用户也可以检查 DOM、更改 CSS，并可以在查看相关代码程序的情况下，同时查看在浏览器中运行的项目的网络请求。

来源于微软官网

用户还可以使用调试器中的调试控制台与浏览器中的文档进行交互，就像在浏览器开发人员工具中使用控制台一样。用户可以完全访问窗口对象，并使用控制台控制程序 API。

来源于微软官网

如果用户想自动连接到 Microsoft Edge 并在编辑器中启动开发人员工具，则可以创建启动.json文件。请注意，"https://localhost:8080"可能需要为您的项目更改。

来源于微软官网

假如用户还想深入了解 Visual Studio Code 的内置 Java Script 调试工作流的功能，可以检查调试器扩展的 README 文件。

参考链接：

https://blogs.windows.com/msedgedev/2021/07/16/easier-debugging-developer-tools-in-visual-studio-code/

☞华为诉争“鸿蒙HongMeng”商标再被驳回；比尔盖茨夫妇正式离婚；iOS 15“查找”新功能，关机也能用|极客头条☞Snowflake如日中天是否代表Hadoop已死？大数据体系到底是什么？☞苹果“重心”转移，终端退位？

取代浏览器插件调试，VS Code 整合 JS 调试工具相关推荐

取代浏览器插件调试，VS Code 整合JS 调试工具
最近,Microsoft Edge 团队发表一篇博客,JavaScript 调试现已内置到 Visual Studio Code 代码中,因此不需再次使用浏览器调试. 调试.js程序,无需安装任何扩展 ...
虚幻浏览器插件调试网页
开发过程中需要检测js页面的执行情况.需要使用Js调试功能.插件自身提供了Js调试功能,但没有调试界面,需要借助Chrome的调试界面.操作步骤如下: 1. 检查端口为调试功能分配一个合理的端口如: ...
vscode+node.js 调试js程序/edge浏览器调试javaScript/edge浏览器独立调试编辑并保存代码/浏览器内开发者工具element/console布局(focus Mode)
文章目录 declaration vscode 对于javascript的支持环境使用node.js调试纯js代码使用浏览器调试试验代码 Note! edge浏览器独立调试编辑并保存代码窗格 ...
Chrome插件-浏览器插件开发-插件安装-插件调试-概述
文章目录 1.简述 2.弹出界面 3.背景界面 4.插件安装 5.调试 6.打包 7.作者答疑现今浏览器可以实现大部分数据信息的展示,提供给读者进行浏览,开发浏览器插件,可以有效实现对获取的数据 ...
js浏览器和浏览器插件检测的方法总结
文/玄魂前言首次面对题目所示的需求的时候,头脑中没有任何概念,于是搜索,所有的中文结果都不是很满意.所幸老外的几篇文章还是很有参考价值,虽然最终没有解决我的问题,但是我还是把这几篇文章的内容作了抽 ...
判断浏览器插件 jquery.ua.js
判断浏览器插件 jquery.ua.js /*!* jquery.ua.js* @link https://github.com/cloudcome/jquery.ua* @author ydr.m ...
360浏览器如何调试html,360js是什么？360浏览器如何调试js？
js是什么?360浏览器如何调试js? javascript简称JS,是网页的前端开发语言,直接运行在浏览器上,以前我刚开始学的时候,并不懂这个,所以我每次开发或调试它,都是在vs.net里面,现在想 ...
浏览器插件crx文件--JS混淆与解密
下载了一个浏览器插件,文件后缀是 ".crx" ,想更改某些功能. crx其实就是zip压缩文件,重命名将文件后缀名改为".zip"格式 ,解压文件 . 文件目 ...
浏览器插件就能完成接口调试，无须下载
00前言 Postwoman(原apiDebug) 是一个完全免费的接口调试插件,该插件可独立使用,同时数据也能同步至云端,实现跨终端共享.Postwoman支持post.get.xml.josn等测 ...

取代浏览器插件调试，VS Code 整合 JS 调试工具

取代浏览器插件调试，VS Code 整合 JS 调试工具相关推荐

最新文章

热门文章