f12弹出debug_F12Console的用法，以及如何Debug程序

F12Console的用法，以及如何Debug程序

大家好，我是IT修真院郑州分院第6期的学员王栋，一枚正直、纯洁、善良的前端程序员今天给大家分享一下，修真院官网js任务1，深度思考中的知识点——F12Console的用法，以及如何Debug程序。

1.背景介绍

什么是console？

Console 是用于显示 JS和 DOM 对象信息的单独窗口。

并且向 JS 中注入1个 console 对象，使用该对象 可以输出信息到 Console 窗口中。

Chrome和FireFox都支持console。

控制台以及浏览器内置Console对象的出现，给前端开发调试带来了极大的便利。

2.知识剖析

console的用法

console.log 用于输出普通信息

console.info 用于输出提示性信息

console.error用于输出错误信息

console.warn用于输出警示信息

console.groupEnd结束一组输出信息

console.assert对输入的表达式进行断言，只有表达式为false时，才输出相应的信息到控制台。

console.count当你想统计代码被执行的次数(经常用到)

console.dir 直接将该DOM结点以DOM树的结构进行输出，可以详细查对象的方法发展等等。

console.time/console.timeEnd用于函数的计时

console.table 将传入的值以表格形式展示

如何使用断点调试？

Pause/Resume script execution：暂停/恢复脚本执行(程序执行到