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:暂停/恢复脚本执行(程序执行到