JavaScript console 函数

青旅半醒 2022-09-26 03:14 164阅读 0赞

1.什么是 Console

Console 是用于显示 JS和 DOM 对象信息的单独窗口。并且向 JS 中注入1个 console 对象，使用该对象 可以输出信息到 Console 窗口中。

2.什么浏览器支持 Console

很多人可能都知道 Chrome 和 FireFox(FireBug)中都支持 Console。而其他浏览器都支 持不好。比如 IE8 自带的开发工具虽然支持 Console，但功能比较单调，显示对象的时候都是显示 \[Object,Object\]，而且不能点击查看对象里面的属性。IE6、IE7 虽然可以安装 Developer Toolbar，但也 不支持 console。Safari、Opera 都支持 Console，但使用上都没有 FireBug和 Chrome 的方便。 现在firebug推出了 firebuglite工具，可以让所有浏览器都支持Console功能，而且使用上和FireBug 几乎一样。详见 http://getfirebug.com/firebuglite

3.为什么不直接使用 alert 或自己写的 log

使用 alert 不是一样可以显示信息，调试程序吗？alert 弹出窗口会中断程序，如果要在循环中显示信息，手点击关闭窗口都累死。而且 alert 显示对象永远显示为\[object \]。 自己写的 log 虽然可以显示一些 object 信息，但很多功能支持都没有 console 好，看完后面 console 的介绍就知道了。

（部分比较鸡肋的方法没有列出来，用粗蓝标出来的是常用的方法）

4.Console.log(object\[, object, ...\])

Console.log 是最简单输出信息到 console 窗口的方法，支持多个参数，该方法会把 这些参数组合在一起显示，e.g：

log 方法第一个参数支持类似 C 语言 printf 字符串替换模式，Log 支持下面几种替换模式：

%s 代替字符串

%d 代替整数

%f 代替浮点值

%o 代替 Object

5.console.debug，info，warn，error

这 4 种方法与 log 方法使用一模一样，只是显示的图标和文字颜色不一样.

6.其他方法

console.assert(expression\[, object, ...\])