情况01:不打任何断点,alert 弹窗时,页面不会显示任何内容
情况02:在 alert 行打断点,断点生效时,页面会显示 Hello
问题:
- 为什么 Chrome 在断点生效时、且页面未加载完毕时,会显示前面的已解释内容?
- Google 官方有没有相关文档说明此问题?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<div>
Hello
</div>
<script>
document.addEventListener("DOMContentLoaded", function (e) {
console.log("DOM fully loaded and parsed");
})
alert("Hi") // ← 此行打断点
</script>
</body>
</html>
没打断点也有hello