js逆向工具-vscode模拟谷歌开发者工具调试js

一、基本工具安装

• VScode安装，Nodejs安装

二、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文件了