在Chrome中创建console.log()的快捷方式

pim*_*vdb 26 javascript console google-chrome shortcut

因为我很懒,我创建的函数log基本上只是以下的缩写console.log:

function log() {
  console.log.apply(console, arguments);
}
Run Code Online (Sandbox Code Playgroud)

每当我打电话给我时,我会在Google Chrome的开发者工具中看到记录的项目,右侧是记录项目的行号.但是,此行号始终相同,因为实际console.log调用位于代码中的某个特定位置(即我声明上述log函数的位置).

我也尝试过的只是:

var log = console.log;
Run Code Online (Sandbox Code Playgroud)

但这总是会引发错误:Illegal invocation.很奇怪,但我猜这不可能.

如何console.log使用开发者工具显示log调用的行号而不是实际console.log调用的位置来创建快捷方式?

pim*_*vdb 73

当我报告它时,它被拒绝但答案很简单 - 创建这样的快捷方式:

var log = console.log.bind(console);
Run Code Online (Sandbox Code Playgroud)

这不会遗漏行号,而你可以这样称呼它log(...).


Ale*_*ldi 5

我刚刚创建了一个模块来做到这一点。

签出:https : //github.com/ahlechandre/consl

安装

npm install consl --save-dev

用法

const { cl } = require('consl');

cl('Outputs a message on the Console using a quick');
Run Code Online (Sandbox Code Playgroud)