
1. 打开开发者工具:在Chrome浏览器中,点击右上角的三个点按钮(或按F12键),然后选择“开发者工具”选项。
2. 设置断点:在开发者工具中,点击“断点”按钮(通常位于顶部菜单栏的左侧),然后在要停止执行的代码行前点击。这将使程序在该行处暂停,直到你再次点击“继续执行”。
3. 查看控制台:在“控制台”面板中,你可以查看程序的输出和错误信息。点击“+”按钮可以添加新的错误或警告。
4. 使用console.log():在JavaScript代码中,可以使用console.log()函数来输出变量的值。例如,`console.log("Hello, World!");`将输出字符串"Hello, World!"到控制台。
5. 使用console.error():在JavaScript代码中,可以使用console.error()函数来输出错误信息。例如,`console.error("An error occurred!");`将输出错误信息到控制台。
6. 使用console.warn():在JavaScript代码中,可以使用console.warn()函数来输出警告信息。例如,`console.warn("This is a warning!");`将输出警告信息到控制台。
7. 使用console.assert():在JavaScript代码中,可以使用console.assert()函数来断言某个条件是否为真。如果条件为假,程序将抛出错误。例如,`console.assert(true);`将抛出错误,因为条件为假。
8. 使用console.dir():在JavaScript代码中,可以使用console.dir()函数来显示对象的详细信息。例如,`console.dir(obj);`将显示对象的所有属性和方法。
9. 使用console.time()和console.timeEnd():在JavaScript代码中,可以使用console.time()和console.timeEnd()函数来测量代码的运行时间。例如,`console.time('measure');`将开始计时,`console.timeEnd();`将结束计时并返回运行时间。
10. 使用console.group()和console.groupEnd():在JavaScript代码中,可以使用console.group()和console.groupEnd()函数来创建和管理多个控制台分组。例如,`console.group('Group 1');`将创建一个名为"Group 1"的控制台分组,你可以在这个分组中使用console.log()、console.error()等函数。



