admin管理员组文章数量:1650154
本文参考:
使用VSCode 断点调试 js项目,html页面 - CSDN博客 https://blog.csdn/arvin0/article/details/53673351
今天参考了上面文章,使用vscode来学习调试js,折腾了一番后,终于成功了。现将方法记录如下:
1.安装VScode,这个有蓝色图标版,还有绿色图标版,不知二者有何区别。这个是绿色版的,有Insiders标志;
2.下载安装Debugger for Chrome:
配置launch.json:
配置文件内容:
{
"version": "0.2.0",
"configurations": [
{
"name": "使用本机 Chrome 调试",
"type": "chrome",
"request": "launch",
"file": "${workspaceRoot}/00.html",
// "url": "http://mysite/index.html", //使用外部服务器时,请注释掉 file, 改用 url, 并将 useBuildInServer 设置为 false "http://mysite/index.html
"runtimeExecutable": "C:\\Users\\Administrator\\AppData\\Roaming\\360se6\\Application\\360se.exe", // 改成您的 Chrome 安装路径
"sourceMaps": true,
// "files.autoGuessEncoding":true,
"webRoot": "${workspaceRoot}",
// "preLaunchTask":"build",
"userDataDir":"${tmpdir}",
"port":5433
}
]
}
这里需要注意file对应的文件必须修改为你调试的文件;
浏览器路径修改下;其他的无所谓;
若是改成IE,不知是否可以直接调试fso对象?
其他的无需修改;
配置完成后,点击这个按钮,或者直接F5即可调试:
需要注意的地方:
若是出现了中文乱码,需要将js文件、html文件的编码修改为utf-8即可。
修改为GBK、GB2312是没用的。
版权声明:本文标题:使用360浏览器+VScode来调试js的尝试 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/dianzi/1729519843a1204417.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论