一、基本工具安装
二、VScode插件Debugger安装
- 安装插件:
Debugger for Chrome
- PS:
Code Runner
插件可以运行各种文件;
- PS:js文件运行卡死,要停止运行可右击Stop Code Run
三、插件Debugger之launch.json文件配置
- 安装完成后,按F5键会跳出如下界,该界面与chrome开发者工具一致(原因:该插件会打开chrome浏览器,然后挂载到chrome进程,由浏览器处理这条语句并输出结果,然后再显示给vscode的调试器)
- 点击红色的齿轮设置配置修改launch.json文件,默认配置如下;
version
:配置文件的版本,默认是0.2.0;configurations
:配置域,所有配置都放在这个花括号里面type
:调试工具的类型,vscode默认调试工具类型node,你也可以修改为其他name
:每个调试配置的名称,可随意起名request
:调试工具的启动方式,有launch和attach两种,直接启动本地服务或者挂载远程服务url
:指定访问的链接webRoot
:指定根目录或者执行文件
- 修改launch.json文件,追加一个配置如下即可直接调试当前打开的js文件
{
"type": "node",
"request": "launch",
"name": "本地js逆向调试",
"program": "${file}"
}
四、js调试应用
- 首先打开一个js文件》在序号左侧点击打断点》按F5即可调出调试界面》点击左侧三角形标识即可和chrome开发者工具一样调试js文件了