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

因为我很懒,所以我创build了一个基本上只是console.log的缩写的函数log

 function log() { console.log.apply(console, arguments); } 

每当我打电话给我的时候,我都会在Google Chrome浏览器的开发者工具中看到logging的项目,在右侧显示logging项目的行号。 但是,这个行号总是相同的,因为实际的console.log调用位于代码中的一个特定位置(也就是上面声明log函数的地方)。

我也试过的只是:

 var log = console.log; 

但是这总是会抛出一个错误: Illegal invocation 。 奇怪,但我想这不是一个可能性。

我怎样才能做一个console.log快捷方式,开发者工具显示log被调用的行号,而不是实际的console.log调用的位置?

当我报告它,它被拒绝,但答案很简单 – 创build这样的捷径:

 var log = console.log.bind(console); 

这不排除行号,而你可以称它为log(...)

试了几件事,但我不认为你可以做到这一点。 只要你包装console.log ,行nr将是代码中find这个换行的行。 我想我们必须忍受那个呢?

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

退房: https : //github.com/ahlechandre/consl

安装

npm install consl --save-dev

用法

 const { cl } = require('consl'); cl('Outputs a message on the Console using a quick'); 

在我的情况下,我已经使用Ctrl + Alt + L设置了一个AutoHotKey快捷键,如下所示:

 ^!l::Send console.log();{Left}{Left} 

好的是它将光标放回括号内以便快速打字。