Chrome 98的更新如下:

设置—>首选项—>控制台—>显示时间戳

Chrome 68:

“显示时间戳”移至设置

以前在“控制台设置”中的“显示时间戳”复选框已移动到“设置”。

+new Date和Date.now()是获取时间戳的替代方法

如果希望保留行号信息(每个消息都指向它的.log()调用，而不是所有消息都指向包装器)，则必须使用.bind()。您可以通过console.log预先添加一个额外的时间戳参数。Bind (console， <timestamp>)，但问题是你每次都需要重新运行这个函数来获得一个新的时间戳绑定。 一种尴尬的方法是返回一个绑定函数:

function logf() {
  // console.log is native function, has no .bind in some browsers.
  // TODO: fallback to wrapping if .bind doesn't exist...
  return Function.prototype.bind.call(console.log, console, yourTimeFormat());
}

然后必须与双重调用一起使用:

logf()(object, "message...")

但是，我们可以通过安装带有getter函数的属性来隐式地进行第一次调用:

var origLog = console.log;
// TODO: fallbacks if no `defineProperty`...
Object.defineProperty(console, "log", {
  get: function () { 
    return Function.prototype.bind.call(origLog, console, yourTimeFormat()); 
  }
});

现在您只需调用console.log(…)，它就会自动添加一个时间戳!

> console.log(12)
71.919s 12 VM232:2
undefined
> console.log(12)
72.866s 12 VM233:2
undefined

你甚至可以通过Object.defineProperty(window， "log"，…)来实现简单的log()而不是console.log()。

请参阅https://github.com/pimterry/loglevel，了解使用.bind()的安全控制台包装器，并提供兼容性回退。

参见https://github.com/eligrey/Xccessors获取从defineProperty()到遗留__defineGetter__ API的兼容性回调。 如果这两个属性API都不起作用，则应该退回到每次都获得一个新的时间戳的包装器函数。(在这种情况下，你会丢失行号信息，但时间戳仍然会显示。)

Boilerplate:我喜欢的时间格式:

var timestampMs = ((window.performance && window.performance.now) ?
                 function() { return window.performance.now(); } :
                 function() { return new Date().getTime(); });
function formatDuration(ms) { return (ms / 1000).toFixed(3) + "s"; }
var t0 = timestampMs();
function yourTimeFormat() { return formatDuration(timestampMs() - t0); }

我在大多数Node.JS应用程序中都有这个。它也适用于浏览器。

function log() {
  const now = new Date();
  const currentDate = `[${now.toISOString()}]: `;
  const args = Array.from(arguments);
  args.unshift(currentDate);
  console.log.apply(console, args);
}

如果您使用谷歌Chrome浏览器，您可以使用Chrome控制台api:

控制台。时间:在代码中你想要开始计时器的地方调用它 控制台。timeEnd:调用它来停止计时器

这两个调用之间的运行时间显示在控制台中。

有关详细信息，请参阅doc链接:https://developers.google.com/chrome-developer-tools/docs/console

您可以使用开发工具分析器。

console.time('Timer name');
//do critical time stuff
console.timeEnd('Timer name');

“定时器名称”必须相同。您可以使用多个具有不同名称的计时器实例。