# 使用 node-inspect 配合 chrome 浏览器的 DevTools 调试本地 js ,谷歌浏览器的 DevTools 很强大,调试 js 炒鸡方便。很多代码扣到本地调试起来很难受,用 node-insepct 解决这一问题.(node、windows 环境,参考志远大佬的二期视频,B 站直接搜 志远二期

  1. # 安装 node-inspect-g 代表全局安装。

    npm install -g node-inspect
  2. # 打开 chrome 浏览器(基于谷歌 V8 内核的浏览器都可以),在地址栏输入 chrome://flags/ 进入谷歌内核的实验室界面

  3. # 搜一下 Developer Tools experiments , 然后 Enable ,搜不到的话就是已经打开了,新版的浏览器都是默认开启的。

  4. #vscode 设置一下启动项,添加如下字段, name 字段可以自行修改

    "runtimeExecutable": "node-inspect"
    "program": "${workspaceFolder}\\16.js"		// 改成需要调试的 js 文件名

  5. # 运行添加的配置项,

  6. # 打开浏览器,然后打开控制台,左上角会多出一个绿色按钮,点击进去就会弹出独立的 DevTools

  7. # 弹出的窗口,没有浏览器环境的 DevTools ,更方便调试。

更新于 阅读次数

请我喝[茶]~( ̄▽ ̄)~*

渣渣文 微信支付

微信支付

渣渣文 支付宝

支付宝