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

Question

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

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

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

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

var log = console.log;

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

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

Answer 1

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

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

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

Answer 2

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

Выезд: https://github.com/ahlechandre/consl

Установить

npm install consl --save-dev

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

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

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

Answer 3

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

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

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

Answer 4

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