网站程序源码代码修改方法 Chrome编辑与调试

很少有开发者慎入研究浏览器的 "开发者工具 "，现在浏览器的开发者工具有一系列令人望而生畏的复杂功能，可以让Chrome作为完整的开发环境。我们不太可能放弃VS Code 或者Sublime Text 等编辑器。但是如果在别人的电脑上或需要编辑简单的代码时，浏览器是一个不错的选择。

console 对象提供了一系列方法包括：

console 方法

描述

.log(msg)

在控制台打印信息

.log('%j', obj)

将对象作为压缩JSON字符串输出

.dir(obj, opt)

格式化输出对象和属性

.table(obj)

以表格的形式输出数组和对象

.error(msg)

输出一个错误信息

.count(label)

命名记录器，记录某行的执行次数

.countReset[label]

重置命名记录器

.group(label)

设置分组信息的起始位置

.groupEnd(label)

设置分组信息的结束位置

.time(label)

启动计时器以计算操作的持续时间

.timeLog(label)

报告计时器启动后经过的时间

.timeEnd(label)

结束计时器，并且报告总耗时

.trace()

用于显示当前执行的代码在堆栈中的调用路径

.clear()

清空 控制台

console.log 还接受多个值逗号分隔的值:

let x = 321;

console.log('x:', x);

// x: 321

ES6 解构的写法

let x = 321;

console.log({x});

// x: 321