取代浏览器插件调试，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/
取代浏览器插件调试，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等测 ...
最新文章
- I/O流。简单利用File.copy
- CODING 缺陷管理功能正式开始公测
- react: menuService
- Liunx文件的属性(权限) 超详细解析
- NVIDIA针对数据不充分数据集进行生成改进，大幅提高CIFAR-10数据生成
- switch注意事项和细节讨论
- 计算机等级考试试题4,计算机等级考试二级模拟试题4
- rk3128屏幕占空比参数设置_rk3128 — spdif dts配置
- poi(easypoi)导出excel（xls，xlsx）后，文件打开错误或乱码的解决方法（亲测）
- 服务器主板s2600cp2配置Raid5全过程
- 为什么要使用线阵相机？
- solidity 合约地址转钱包、钱包地址转合约
- CSS3实现钟表特效
- 腾讯 AI Lab招聘算法实习生
- 不用插件，如何将tif格式的影像精准导入到CAD中？
- 35、ubuntu20.04搭建瑞芯微的npu仿真环境和测试rv1126的Debain系统下的yolov5+npu检测功能以及RKNN推理部署以及RTSP视频流解码
- Django models 模型
- 2021-2027全球及中国BIM对象软件行业研究及十四五规划分析报告
- 今天遭到鄙视了。突然感觉自己昏昏沉沉的过日子 究竟不是个事 自己得努力了!~!
- 【雅思阅读】王希伟阅读P2（阅读填空）