控制檯

除錯/ Web 控制檯顯示的資訊可通過 console Javascript 物件的多種方法獲得 ，可以通過 console.dir(console) 查詢。除 console.memory 屬性外，顯示的方法通常如下（取自 Chromium 的輸出）：

• 斷言
• 明確
• 計數
• 除錯
• DIR
• 的 DirXML
• 錯誤
• 組
• groupCollapsed
• groupEnd
• 資訊
• 日誌
• markTimeline
• 輪廓
• profileEnd
• 表
• 時間
• timeEnd
• 的 timeStamp
• 時間線
• timelineEnd
• 跟蹤
• 警告

開啟控制檯

在大多數當前瀏覽器中，JavaScript 控制檯已作為開發人員工具中的選項卡整合。下面列出的快捷鍵將開啟開發人員工具，之後可能需要切換到右側選項卡。

Chrome

開啟 Chrome 的 DevTools 的控制檯面板 ：

• Windows / Linux：以下任何選項。

  • Ctrl + Shift + J
  • Ctrl + Shift + I，然後單擊“Web 控制檯”選項卡或按下 ESC 以開啟和關閉控制檯
  • F12，然後單擊控制檯選項卡或按 ESC 以開啟和關閉控制檯

• Mac OS： Cmd + Opt + J

Firefox

在 Firefox 的開發人員工具中開啟控制檯面板 ：

• Windows / Linux：以下任何選項。

  • Ctrl + Shift + K
  • Ctrl + Shift + I，然後單擊“Web 控制檯”選項卡或按下 ESC 以開啟和關閉控制檯
  • F12，然後單擊“Web 控制檯”選項卡或按 ESC 以開啟和關閉控制檯

• Mac OS： Cmd + Opt + K

Edge 和 Internet Explorer

開啟 F12 開發人員工具中的控制檯面板 ：

• F12，然後單擊控制檯選項卡

蘋果瀏覽器

在 Safari 的 Web Inspector 中開啟控制檯面板，你必須首先在 Safari 的首選項中啟用開發選單

然後，你可以從選單中選擇“開發 - >顯示錯誤控制檯”或按 ⌘ + Option + C

Opera

在 opera 中開啟 Console：

• Ctrl + Shift + I，然後單擊控制檯選項卡

相容性

使用或模擬 Internet Explorer 8 或更早版本時（例如，通過相容性檢視/企業模式），只有在開發人員工具處於活動狀態時才會定義控制檯，因此 console.log() 語句可能會導致異常並阻止程式碼執行。要緩解此問題，你可以在記錄之前檢查控制檯是否可用：

if (typeof window.console !== 'undefined')
{
   console.log("Hello World");
}

或者在指令碼開始時，你可以確定控制檯是否可用，如果沒有，則定義一個空函式來捕獲所有引用並防止異常。

if (!window.console)
{ 
    console = {log: function() {}}; 
}

請注意，即使已開啟開發人員視窗，此第二個示例也將停止所有控制檯日誌。

使用第二個示例將排除使用 console.dir(obj) 等其他功能，除非特別新增。