打開調試台
方法1：在chrome瀏覽器中打開網頁，按下F12，點擊下圖框選內容。
方法2： 瀏覽器中鼠標右鍵選擇查看網頁源代碼后，再按上圖操作。
調試台的功能
(因為是第一次使用這個調試台，只能羅列一些簡單的功能，但用於調試JavaScript代碼足夠了。)
1、console.log(name);
// 作用是在調試台中顯示name的值（在js中調用）
<script type="text/javascript">
var name='Hbuilder';
console.log(name);
</script>運行截圖：（打開調控台，直接就能將num的值輸出。）
2、調用js中的function()函數：
<script type="text/javascript">
var sum=function(a,b){
var c=a+b;
console.log(c);
}
</script>運行截圖：
3、查找HTML的標簽和其它元素
網頁源代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div id="d0" class="div">這是一個div</div>
</body>
</html>例如查找id='d0'的標簽：
小技巧：
調試台寫滿了，點擊箭頭位置就能將它清空。
