Chrome 开发者工具_Console(控制台) 调试技巧

1、打开 Chrome 开发者工具

1、按F12打开。
2、在页面元素上右键点击,选择 “检查”。
3、在 Chrome 菜单中选择更多工具 > 开发者工具。

2、打开Console(控制台)

1、按 Esc 键自动弹出。
2、点击控制台按钮。

在这里插入图片描述

3、打印消息

1、通过log(日志)、info(信息)、warn(警告)、error(错误)等不同的方法,可以打印不同事件级别的消息。

console.log('console.log');
console.info('console.info');
console.warn('console.warn');
console.error('console.error');

2、点击右键,可以下载消息。
3、筛选事件级别。

在这里插入图片描述

4、打印WEB页面
在这里插入图片描述
在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐