Chrome是前端开发人员常用的浏览器，其内置的开发者工具强大，特别是Console窗口，便于调试JavaScript代码和查看日志信息，包括正常日志、警告和对象详情。通过F12或快捷键可打开开发者工具，Console窗口还支持代码执行和自动补全功能。
1. Chrome
专业人用专业的工具，浏览器调试使用谷歌、火狐最佳，Chrome 是由 Google 开发的免费网页浏览器，对于前端开发来说（尤其是调试代码）非常方便，所以更简易使用谷歌浏览器。
使用F12打开调试窗口。也可以快捷键打开：ctrl+shift+i。或者可以在网页中右键选择检查打开调试窗口：
也可以在右上角菜单栏选择 “更多工具”=》“开发者工具” 来开启：
2.Console 窗口
Console 窗口是我们最常使用的窗口，其具有以下功能：
- 打开开发者工具后，我们可以在 Console 窗口调试 JavaScript代码，如下图，并且其支持自动补全，提示下，按tab键补全
我们可以点击第一个按钮清空窗口代码，然后在第二个箭头后面输入我们的代码，按回车即可执行。
3.Console 窗口日志log
上一步我们清空的窗口代码是当前我们打开网页的全部log日志，其包含正常执行的日志，警告信息等:
4.Console 窗口warn信息
上一步我们清空的窗口代码是当前我们打开网页的全部log日志，其包含正常执行的日志，警告信息等:
5.Console 窗口对象细腻些
我们获取到的对象的值，也会以表格形式展示在控制台：
扫一扫
879
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
