发表于: 2019-12-24 18:28:00
1 1244
今天完成的事
无
今天的收获
F12Console的用法
Console 是用于显示 JS和 DOM 对象信息的单独窗口。并且向 JS 中注入1个 console 对象,使用该对象 可以输出信息到 Console 窗口中。Chrome和FireFox都支持console。控制台以及浏览器内置Console对象的出现,给前端开发调试带来了极大的便利。
// 1、console.log 用于输出普通信息
// 2、console.info 用于输出提示性信息
// 3、console.error用于输出错误信息
// 4、console.warn用于输出警示信息
// 5.console.groupEnd结束一组输出信息
// 6.console.assert对输入的表达式进行断言,只有表达式为false时,才输出相应的信息到控制台。
// 7.console.count当你想统计代码被执行的次数(经常用到)
// 8.console.dir 直接将该DOM结点以DOM树的结构进行输出,可以详细查对象的方法发展等等。
// 9.console.time(name)/console.timeEnd(name)用于函数的计时
进行断点调试
// 从左到右,各个图标表示的功能分别为:
// Pause/Resume script execution:暂停/恢复脚本执行(程序执行到下一断点停止)。
// Step over next function call:执行到下一步的函数调用(跳到下一行)。
// Step into next function call:进入当前函数。
// Step out of current function:跳出当前执行函数。
// Deactive/Active all breakpoints:关闭/开启所有断点(不会取消)。
// Pause on exceptions:异常情况自动断点设置。
遇到的困难
无
明天的计划
详情页功能
评论