第一模块：
课程名称：Chrome DevTools开发者工具调试指南
章节名称：4-1 ~ 4-6
讲师姓名：宗泽
第二模块：
内容概述：
本章是课程的核心章节，通过学习可以掌握调试页面JavaScript脚本最常用的方法，包括调试Log，断点调试，在源代码中调试等等。
第三模块：
学习心得：
第四章 使用Console调试JavaScript
发现问题--->定位问题--->解决问题
Console面板功能简介：
1.运行JavaScript代码的实时环境
2.查看程序中打印的Log日志
3.断点调试代码Debugging
Console面板，本质上是一个就是一个js代码的实时运行环境，同时也是使用代码与浏览器进行交流的入口。
比如：
在Console面板，调用浏览器的接口：document.cookie 、document.querySelectorAll('xxx')等
在Console面板:
回车：执行js代码
shift+回车：换行
console对象是浏览器提供的一个原生对象，这个对象有20几种方法
eg：
console.log()：打印信息
console.warn(): 打印警告信息（黄色的）
console.error(): 打印错误信息（红色的）
一般用在try｛｝catch｛｝中的catch中
console.table(): 打印json格式的数据（也就是复杂信息）
eg：
console.group(): 打印有关联的信息组
eg：
语法格式：
console.group("组名")
console.info("xxx")
console.info("xxx")
console.info("xxx")
......
console.groupEnd("组名")
eg的效果：
console custom 定制样式
eg：
共同學習，寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
