使用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是沒用的。