1. 打开开发者工具
在Chrome浏览器中，点击菜单栏的“更多工具”，然后选择“开发者工具”。这将打开一个包含各种工具和选项的窗口。
2. 设置断点
在开发者工具中，点击顶部的“断点”按钮（通常显示为一个小红点）。这将在代码中设置一个断点，当你运行到该行时，程序将暂停执行。
3. 查看控制台输出
在开发者工具中，点击“控制台”按钮（通常显示为一个问号图标）。这将打开一个控制台窗口，你可以在这里查看和编辑变量、函数等。
4. 使用console.log()
在JavaScript代码中，可以使用console.log()函数来输出信息。例如：
javascript
console.log("Hello, World!");

5. 使用console.error()
在JavaScript代码中，可以使用console.error()函数来输出错误信息。例如：
javascript
console.error("An error occurred!");

6. 使用console.assert()
在JavaScript代码中，可以使用console.assert()函数来检查某个条件是否为真。如果条件为假，程序将抛出一个错误。例如：
javascript
console.assert(true, "This is not a number!");

7. 使用console.dir()
在JavaScript代码中，可以使用console.dir()函数来查看对象的详细信息。例如：
javascript
var obj = { name: "John", age: 30 };
console.dir(obj);

8. 使用console.time()和console.timeEnd()
在JavaScript代码中，可以使用console.time()和console.timeEnd()函数来测量代码的执行时间。例如：
javascript
var startTime = new Date().getTime();
// Your code here...
var endTime = new Date().getTime();
console.time("Execution time");
// Your code here...
console.timeEnd("Execution time");

9. 使用console.groupCollapsed()和console.groupEnd()
在JavaScript代码中，可以使用console.groupCollapsed()和console.groupEnd()函数来折叠或展开控制台输出。例如：
javascript
var group = console.groupCollapsed();
// Your code here...
console.groupEnd();

10. 使用console.table()
在JavaScript代码中，可以使用console.table()函数来以表格形式显示数据。例如：
javascript
var data = [["Name", "Age"], ["John", 30], ["Jane", 25]];
console.table(data);