[JavaScript]Browser Console 網頁主控台

JavaScript 的程式不太好Debug，所以我們配合Browser Console，
來檢視目前程式發生什麼錯誤或是執行到什麼階段（配合log）。

以Chrome為例，開啟【開發人員工具】。（或F12）

此時我們可以發現Console中可能會存在一些資料的log。

設計師在撰寫JavaScript時，會將一些資訊log下來，方便檢視與瀏覽。

如何使用：

• Console中可能會記錄資料未載入成功的相關訊息。
• 多半以紅字顯示相關錯誤訊息，以yahoo為例。
• 設計師撰寫JavasScript：
• <script>    console.log(‘這是log訊息’);//log</script>

結論：

當程式發生錯誤時，如何快速的讓開發人員了解發生了什麼事情。

除了擷取錯誤畫面之外，配合著Console Log也是一個好的方式。