How To Access Developer Console In Google Chrome [Full Guide]

本文详细介绍了Chrome浏览器开发者工具中的控制台（Console）功能，包括console.log、console.info、console.error等方法的使用，以及console.time、console.timeEnd等计时工具，还提到了DOM节点查看、断言、事件监听等高级技巧。

本頁面將說明 Chrome DevTools 主控台 如何讓網頁開發作業更輕鬆。 控制台 有 2 個主要用途： 查看記錄訊息 和 執行 JavaScript。

在 console 中，一般我們可以直接使用 console.clear () 來清除畫面，但是在 chrome 裡面會自動幫你記憶一些你打過的字，有時候自動填補的字並不是自己想要的，這時候我們可以在 console 視窗上點右鍵，選擇 clear console history 就可以清除在 console 中曾經輸入過 ...

控制台（Console）：這應該是網頁設計師最常用的功能了，它可以顯示網頁的日誌 (Log)和JavaScript錯誤，網頁設計師可以在這裡執行JavaScript代碼，進行調試和測試，這功能對於網頁設計開發階段來說非常的實用。

網頁開發者常需與瀏覽器打交道，本文將針對Chrome瀏覽器，教學使用console指令的幾個基本功能！

console.log 是異步的：在某些情況下，console.log 物件可能會顯示後來修改的值，因為瀏覽器是延遲評估 (lazy evaluation) 物件的。

基本上寫過程式的人都知道 “ 印出 ” 的功能是很重要的，而 Console 就是可以拿來扮演這樣的角色，以下會用簡單的 JavaScript 演示如何使用 Chrome Console 來 log 訊息！