Google Chrome探秘之Console初探

朴灿烈づ我的快乐病毒、 2022-07-16 02:48 210阅读 0赞

Google浏览器，绝大部分开发者都特别喜欢的一个浏览器，其强大之处有很多，例如数量庞大的扩展程序、console等，本博文的主角正是其中之一的Console。

如何进入到console控制台呢？首先打开chrome，然后坚定的按下F12，大喊见证奇迹的时刻到了，因为你即将开启JavaScript的调试旅程了。温馨提示，去百度首页按下F12有彩蛋，一般人我不告诉他的哈哈。

第一，说一下console.log()，这个函数用于在控制台输出你希望看到的一些信息。如console.log(“hello,console,I’m coming~~”),即可得到 “hello,console,I’m coming~~”。关于提示信息，还有以下几个函数：console.info()、console.warm()、console.error()。如下图：

![SouthEast][]

第二，使用console.dir()可以显示一个对象所有的属性和方法，具体用法如下图：

![SouthEast 1][]

第三，console.assert()用来判断一个表达式或变量是否为真。如果结果为否，则在控制台输出一条相应信息，并且抛出一个异常。如下图：

![SouthEast 2][]

第四，console.trace()用来追踪函数的调用轨迹。用法如下图：

![SouthEast 3][]

第五，console.count(),这个方法非常实用，当你想统计代码被执行的次数。具体用法如下图：

![SouthEast 4][]

第六，console.clear(),当你在控制台打了一堆代码之后，你只需打下这个函数，即可还你一个干净整洁的控制台。此处不应有配图。

关于console的用法还有很多，神奇的世界等着你去探索，不要方，大步向前！

[SouthEast]: /images/20220716/e6b512c28a1047c0bc9244ce09e39d9f.png
[SouthEast 1]: /images/20220716/c1d94a21089a4e13bfdd1af479d89ee5.png
[SouthEast 2]: /images/20220716/c7a566b088a047db94f4331985df194d.png
[SouthEast 3]: /images/20220716/9ebf8425b58b4f3cbe0226cc0b5ee8c7.png
[SouthEast 4]: /images/20220716/0ef456ea40684f9cb004c92b2d4a2d74.png