浏览器实现

console对象的浏览器实现，包含在浏览器自带的开发工具之中。以Chrome浏览器的“开发者工具”（Developer Tools）为例，可以使用下面三种方法的一种打开它。

• 按 F12 或者Control + Shift + i（PC平台）/ Alt + Command + i（Mac平台）。
• 在菜单中选择“工具/开发者工具”。
• 在一个页面元素上，打开右键菜单，选择其中的“Inspect Element”。

打开“开发者工具”以后，可以在顶端看到，有多个面板可供选择，主要如下。

• Elements：查看网页的HTML源码和CSS代码。
• Resources：查看网页加载的各种资源文件（比如代码文件、字体文件、css文件等），以及在硬盘上创建的各种内容（比如本地缓存、Cookie、Local Storage等）。
• Network：查看网页的 HTTP 通信情况。
• Sources：查看网页加载的所有源码。
• Timeline：查看各种网页行为随时间变化的情况。
• Performance：查看网页的性能情况，比如 CPU 和内存消耗。
• Console：用来运行 JavaScript 命令。

这些面板都有各自的用途，以下只介绍Console面板（又称为控制台）。

Console面板基本上就是一个命令行窗口，你可以在提示符下，键入各种命令。