通過 Visual Studio Code 在我的網站上運行一些 javascript 代碼，因為在 chrome 控制台中編程很難

Question

讓我一步一步解釋我的問題。

1-所以我正在打開我的網站http://sharelayer.net/或其他網站

2-我正在打開 chrome 控制台並輸入alert("hello world") ，然后我在我的網站中收到此警報。

3-現在我想為我的網站進行編程並在谷歌瀏覽器中嘗試多行代碼並在控制台中運行它們，因為我決定安裝程序名稱與代碼很難。

4-我安裝vs代碼=>我創建一個目錄=>我打開一個文件並編寫一個簡單的alert("hello world")並保存它=>然后從文件=>保存工作空間，因為我將我的工作空間保存在里面相同的目錄=> 現在我從這里安裝一個 vs 代碼插件，名稱為 chrome 的調試器

現在是我的問題部分。

5-i go 到我的文件按 F5（或從運行>開始調試開始調試）然后開始調試現在我需要一個配置文件所以 => 我打開我的腳本文件夾並創建一個名為.vscode =>inside 的文件夾這個文件夾我創建了一個文件名launch.json，我會在里面放這個代碼

{
    "version": "0.1.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://viralskills.cc/",
            "webRoot": "${workspaceFolder}",
            "userDataDir": false
        }
    ]
}

所以現在我按下調試並開始播放 什么都沒有發生我的警報沒有顯示在我的 chrome 瀏覽器中我嘗試使用 config attach 並且我在我的 chrome 中添加了 --remote-debugging-port=9222 以便能夠在該端口上執行 debugginn 仍然相同並且沒有任何內容在我的網站和警報未顯示。

Answer 1

也許你錯過了<script>標簽確保在你的代碼周圍使用<script> </script>來向瀏覽器顯示它是JS代碼。

<script>
alert('Hello World');
</script>