VS代碼斷點無法觸發使用Chrome的調試器：

我是VS Code（使用v1.7）和JavaScript的新手。我試圖使用調試器爲Chrome擴展（v2.2.2），但我無法獲得斷點功能（我可以設置它們，但它們被忽略，說明未經驗證的斷點）。VS代碼斷點無法觸發使用Chrome的調試器：

我明白，我需要在端口9222的調試，我實現通過運行Chrome瀏覽器：

chrome.exe --remote-debugging-port=9222

做完，我已經建立了一個非常簡單的測試來說明問題。

爲（在.vscode文件夾）

{ 
    "version": "0.2.0", 
    "configurations": [{ 
      "name": "Launch index.html", 
      "type": "chrome", 
      "request": "launch", 
      "port": 9222, 
      "file": "${workspaceRoot}/index.html", 
      "webRoot": "${workspaceRoot}" 
     } 
    ] 
}

我創建瞭如下我已經配置了launch.json一個非常簡單的index.html爲：

<!DOCTYPE html> 
<html> 
<script src="script.js"></script> 
</html>

終於腳本.js是：

console.log("Started"); 
var x = 1; //breakpoint set here 
console.log(x); 
console.log("Complete");

在代碼中按F5，然後加載index.html在該進程中運行script.js。如果沒有設置斷點，代碼就會如預期般完成 - 但這不是我想要發生的事情。

完成後，我看到圖像1，它將灰色的紅色斷點圖標替換爲「未驗證的斷點」。

我想我已經做了一些非常簡單的錯誤，但我無法弄清楚。有任何想法嗎？謝謝。

來源

2016-11-19 MIB

看起來你的設置是正確的，但這是由於鉻開發工具中的錯誤 - Chrome needs to be refreshed before javascript files are shown in the sources tab
發生了什麼？
腳本執行後，V8在chrome調試擴展啓動開發工具之前收集它。這就是爲什麼它不能被調試。
解決方案 - 在加載頁面後重新加載頁面。

來源

2016-11-20 10:58:21

這是chrome開發工具@Marcs中的一個錯誤。如果您從上面啓動index.html文件，然後打開開發工具，則無法在來源選項卡中找到它。 –

...您將無法在來源標籤中找到腳本...出於某種原因，我無法編輯或刪除我上面的評論。 –

你是對的，內部調試器和Chrome Canary（測試版分支）也是如此。 – Marcs

VS代碼斷點無法觸發使用Chrome的調試器：

回答

相關問題