使用360浏览器+VScode来调试js的尝试

本文参考：

使用VSCode 断点调试 js项目，html页面 - CSDN博客  https://blog.csdn.net/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.com/index.html", //使用外部服务器时,请注释掉 file, 改用 url, 并将 useBuildInServer 设置为 false "http://mysite.com/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是没用的。