背景
??在leetcode刷題時需要除錯js代碼
??代碼寫在.js檔案中
方式一 node.js
??安裝node.js
??配置launch.json??
??
??左側【運行和除錯】，【F5】啟動除錯，下方【除錯控制臺】查看輸出；
????????????【F11】單步除錯，在左側查看【變數】，
??也可在vscode下方【終端】(其實就是集成的Windows Powershell) 或 運行【powershell】，使用【node 檔案】命令執行js代碼；
??
方式二 Chrome
??安裝插件【JavaScript Debugger】和【Open in Browser】
????其中【JavaScript Debugger】集成了原【Debug for Chrome】
????插件【Open in Browser】安裝后html檔案右鍵選單顯示【Open In Default Browser】和【Open In Other Browser】
??配置.html檔案，在檔案中引入.js檔案??
????參考方式：使用<script>標簽
????
??html檔案內，右鍵選單選擇【Open In Default Browser】
??如果想瀏覽器實時反饋檔案修改，選擇【Open with Live Server】
????瀏覽器界面：查看html標簽和布局
????瀏覽器【開發者工具】-【Console】：查看 console.log() 輸出
????瀏覽器彈窗：查看 window.alert() 輸出
??
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/546235.html
標籤：JavaScript
上一篇：前端設計模式——發布訂閱模式
下一篇：【JavaScript UI庫和框架】上海道寧與Webix為您提供用于跨平臺Web應用程式開發的JS框架及UI小部件