Bil*_*ill 2 html javascript vscode-debugger
我有以下代码。如何使用调试器在 VS Code 中运行它。我安装并尝试了实时服务器，但可能做得不正确。
索引.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button>Test</button>
<script src="index.js"></script>
</body>
</html>
索引.js
var button = document.querySelector('button');
var fn = () => console.log(this)
function fn() {
console.log(this);
}
button.addEventListener('click', fn)
您可以安装以下扩展。
安装这两个扩展后，index.html使用实时服务器打开页面，然后按F12打开 chrome 开发人员工具。
然后您可以像这样在调试器上粘贴一行代码。
document.querySelector('button').addEventListener('click',()=>{
console.log("Event Raised");
};