验证和调试_验证调试-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_39701250/article/details/86513273

本文介绍了网页验证的重要性和过程，包括使用W3C验证器检查HTML合规性，以及利用浏览器的调试工具如断点、StepOver、StepInto和StepOut进行脚本调试。通过实例展示了如何设置断点并使用console.log()跟踪变量变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

测试页面的一种重要的方式是验证。
验证是利用特殊的应用程序测试页面的过程，这个应用程序将搜索错误，并确保页面遵守当前的HTML和CSS标准。
要验证Web页面的HTML，可以在http://validator.w3.org/进行验证。

通过设置断点，再用console.log（）或者在Scope Variable区域可以查看脚本变量的值的变化。

调试代码的工具介绍：

断点：让程序运行到指定位置。
Step Over：如果代码要执行另一个函数体，就会执行该函数体，并把你带到当前函数中的下一行中。如果在逐行执行函数体时遇到断点，浏览器将在脚本中的那个位置停止执行。
Step Into：如果代码要执行另一个函数体，将把你带到那个函数体的第一个代码行。
Step Out：当前函数结束执行，并把你带到调用函数中的下一个代码行。

<!DOCTYPE html>
<html lang="en">
<head>
<title>Sample Page</title>
<script src="http://code.jquery.com/jquery-latest.min.js">
</script>

<script type="text/javascript">
var count=0;
function incCount(){
count+=1;
console.log(count);
return count;
}

function countIt(){
$("#counter").html(incCount);
}
</script>

<style type="text/css">
button{
background-color:#0066AA;
color:#FFFFFF;
font-weight:bold;
border:2px solid #C0C0C0;
width:100px;
}
</style>
</head>

<body>
<button onclick="countIt()">Click Me!</button>
<div id="counter"></div>
</body>
</html>