在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}
好的是它将光标放回括号内以便快速打字。