Создать ярлык для console.log() в Chrome

Поскольку я ленив, я создал функцию log, которая в основном является аббревиатурой console.log:

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

Всякий раз, когда я вызываю это, я вижу зарегистрированный элемент в Google Chrome Developer Tools, справа - номер строки, в которой был зарегистрирован элемент. Однако этот номер строки всегда один и тот же, поскольку фактический вызов console.log находится в одном конкретном месте в коде (а именно, где я объявляю функцию log, как указано выше).

То, что я также пробовал, просто:

var log = console.log;

но это всегда вызывает ошибку: Illegal invocation. Странно, но я думаю, что это не так.

Как сделать ярлык для console.log, с помощью средств разработчика, показывающих номер строки, где был вызван log, а не где находится фактический вызов console.log?

Ответы

Ответ 1

Когда я сообщил об этом, было отказано, но ответ был прост - создайте ярлык следующим образом:

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

Это не оставляет номер строки, в то время как вы можете называть его как log(...).

Ответ 2

Пробовал несколько вещей, но я не думаю, что вы можете это сделать. Как только вы завернете console.log, строка nr будет линией, в которой этот обертку нужно найти в коде. Полагаю, мы должны жить с этим?

Ответ 3

Я только что создал модуль для этого.

Отъезд: https://github.com/ahlechandre/consl

Установка

npm install consl --save-dev

Использование

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

cl('Outputs a message on the Console using a quick');

Ответ 4

В моем случае я установил ярлык AutoHotKey с помощью Ctrl + Alt + L, как показано ниже:

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

Хорошо, что он вернет курсор в скобки для быстрого ввода.