一開始學Javascript時因為對其環境不了解，所以不曉得如何使用console輸出功能，只好使用alert來輸出除錯，但這樣其實很難用，找了找網路資源找到了如何使用chrome的console輸出功能。
官方參考文件：
- Chrome 開發者工具Chrome Developer Tools官方文件。
- Console API 使用參考fireBug官方文件。
Windows環境中開啟Chrome Devloper Tools的方式：
- 按下F12
- Ctrl + Shift + i
→ 工具(L) → 開發人員工具(D)
在Devloper Tools中打開Console面板方式：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Chrome Developer Tools Console</title>
<script>
var animal={dog:'邊境牧羊犬' , cat:'咕嘰' , fish:'台灣鬥魚'};
console.log(this);
console.log(this.animal.dog);
</script>
</head>
<body>
</body>
</html>
如此打開Console Panel後可見到輸出了window與邊境牧羊犬，而因為window是物件還可以點擊看其物件的屬性明細。
沒有留言:
張貼留言