控制台

调试/ 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) 等其他功能，除非特别添加。