美文网首页
使用VSCode进行Web/js调试

使用VSCode进行Web/js调试

作者: hai_phon | 来源:发表于2019-07-09 10:24 被阅读0次

用VSCode调试,需要在.vscode->的launch.json里面进行配置,默认情况下项目是没有这个配置文件的,下面是操作流程
1、按F5,弹出浏览器选择器,尽量选择chrome,其它的我没尝试,不知道是否可行。

操作1.png
操作2.png
2.先正常Run项目,打开你想要debug的页面,拿到路径,配置到launch.json的configurations的url中:
image.png

方便拷贝,launch.json的configuration[]:

{
            "name": "chrome",
            "type": "chrome",
            "request": "launch",
            //  "file": "${workspaceRoot}/index.html",// 本地文件地址
            "url": "http://192.168.10.191:8080/data_entry/record_press_operation", // 网络地址
            "runtimeExecutable": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe", // 改成您的 Chrome 安装路径
            "sourceMaps": true,
            "webRoot": "${workspaceRoot}",
            "userDataDir":"${tmpdir}",
            "port":5433,
            "args": [
                "--config",
                "configs/example.json"
            ]
        }

2.打印日志调试:console.log(Object)有时候会显示[Object],看不到具体成员参数,改成
console.log(JSON.stringify(object))

相关文章

网友评论

      本文标题:使用VSCode进行Web/js调试

      本文链接:https://www.haomeiwen.com/subject/agytkctx.html