在 这个文件里添加一段配置信息 {"name": "使用本机 Chrome 调试","type": "chrome","request": "launch","file": "${workspaceRoot}/index.html",//"url": "http://mysite.com/index.html", //使用外部服务器时,请注释掉 file, 改用 url, 并将 useBuildInServer 设置为 false "http://mysite...
使用Visual Studio Code写了一个简单的Html页面,想调试下其中script标签里的javascript代码,网上查了一通,基本都是复制粘贴或者大同小异的文章,就是要安装Debugger for Chrome插件,修改launch.json配置信息,F5启动,这些都照做了,但是仍有两个问题,一个是Html文件里不能打断点,只能在js文件里面打,二是chrome打开后说...
Node.js调试 Node.js的调试基本和前面也是一样的,只是添加配置选择Node.js:启动程序。 代码语言:javascript 复制 {"name":"Launch Program","program":"${workspaceFolder}/index.js","request":"launch","skipFiles":["<node_internals>/**"],"type":"node"} program: 调试入口文件地址 skipFiles:跳过node...
文章目录 步骤 1、打开vscode软件，编写一个html页面，如下： 2、点击扩展图标 3、搜索`open in br...
有时候想调试个超简单的页面 既不开npm init 也不搞什么webpack 用vscode调试不用F12 也不用写launch.json 方法如下 1关闭vscode本身的@builtin @id:ms-vscode.js-debug插件 2搜素@id:ms-vscode.js-debug-nightly扩展 3随便开个服务器 能用浏览器访问你的页面 ...
Javascript 代码主要有两个运行环境,一个是 Node.js ,一个是浏览器。一般来说,调试 Node.js 上跑的 JS 代码我会用 VSCode 的 debugger,调试浏览器上的 JS 代码我会用 chrome devtools。 相比纯看代码来说,我更推荐结合 debugger 来看,它可以让我们看到代码实际的执行路线,每一个变量的变化。可以大段大段代码...
"file": "${workspaceRoot}/chrome/index.html" // 你的index.html地址 } 启动调试 先打个断点 开始调试 这里要选我们刚刚创建的那个配置,即name字段 可以看到,程序运行至断点处 调试node项目 准备 app.js var a = 1 var b = 3 console.log(b) ...
└── app.js 1. 2. 3. index.html <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>Debugging Example</title><scriptsrc="app.js"defer></script></head><body>JavaScript Debugging Example<buttonid="myBut...
https://nodejs.org/dist/latest-v14.x/docs/api/debugger.html —— 写的很好,包含了调试原理 http://i5ting.github.io/node-debug-tutorial/ —— 中文教程,有些过时 本地调试 先上一段demo程序: // app.jslet http = require('http');let server = http.createServer((req, res) => { res.writ...