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

最新推荐文章于 2024-06-01 08:30:00 发布

卢同学.

最新推荐文章于 2024-06-01 08:30:00 发布

阅读量1.1w

点赞数 2

分类专栏： UI自动化文章标签： chrome 前端 javascript

本文链接：https://blog.csdn.net/weixin_44801980/article/details/125435949

版权

UI自动化专栏收录该内容

93 篇文章 5 订阅

订阅专栏

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、筛选事件级别。

在这里插入图片描述