chrome控制台的使用

前言

对于很多前端新手(比如我)，在刚开编写代码时都是选择一个类似记事本的编辑器，所以在网上看到console.log还有点懵逼，后来才知道原来正在浏览器里就可以coding,而且调试起来非常方便，于是决定要学习一下！本文以chrome浏览器为例。

控制台可以让你做什么

• 日志诊断信息可以帮你分析 web 页面或者应用上的错误
• 输入命令来与文档以及 Chrome 开发者工具进行交互

基础操作

打开控制台

• 直接F12，笔记本用户fn+f12;
• 使用键盘快捷键 Command + Option + J（Mac） 或者 Control + Shitf + J（Windows/Linux）;
• 选择 chrome-menu > More Tools > JavaScript Console.

清除控制台历史信息

• 在控制台中右键或者按住 Ctrl 点击然后从上下文菜单中选择 Clear Console

• 在 Javascript 中执行 console.clear() 调用控制台 API。

• 使用键盘快捷键 Cmd + K,^ + L(Mac),Ctrl + L（ Linux 和 Windows ）。
  -直接点击面板左上角的这个按钮。

console.log的魅力

alert与console.log的本质功能是一样的，就是输出信息，但是alert是会阻断线程运行的，你必须点击一下才能得到下一个信息