如何在CHROME里调试前端代码?

以前看前端们调得很神的,

刚看书到这里,作一个记录,演练了一下,确实有点神!!!

:)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Debugging Intro</title>
</head>
<body>
<span></span>
<script>
var span = document.querySelector('span');
var i = 0;
var j = 1;
// Set a breakpoint before the conditional
debugger;
if (i === j) {
span.innerText = 'Hello!';
}
</script>
</body>
</html>

如何在CHROME里调试前端代码?

如何在CHROME里调试前端代码?

如何在CHROME里调试前端代码?