javascript - depurar - Crear acceso directo a console.log() en Chrome

debugger javascript chrome

Question

Como soy flojo, creé un log funciones que básicamente es solo una abreviación de console.log :

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

Cada vez que llamo esto, veo el elemento registrado en Herramientas de desarrollo de Google Chrome, con en el lado derecho el número de línea donde se registró el elemento. Sin embargo, este número de línea es siempre el mismo, porque la llamada real de console.log está ubicada en un lugar específico del código (es decir, donde declaro la función de log como se indicó anteriormente).

Lo que también probé es simplemente:

var log = console.log;

pero esto siempre arroja un error: Illegal invocation . Extraño, pero supongo que no es una posibilidad.

¿Cómo puedo hacer un acceso directo a console.log , con Developer Tools mostrando el número de línea donde se llamó el log , en lugar de dónde se encuentra la llamada real de console.log ?

Answer 1

Acabo de crear un módulo para hacer eso.

Consulte: https://github.com/ahlechandre/consl

Instalar

npm install consl --save-dev

Uso

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

Answer 2

Cuando lo denuncié, se rechazó, pero la respuesta fue simple: crea el atajo de esta manera:

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

Esto no omite el número de línea, mientras que puede llamarlo como log(...) .

Answer 3

En mi caso, he configurado un atajo de AutoHotKey con Ctrl + Alt + L como se muestra a continuación:

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

Lo bueno es que vuelve a poner el cursor dentro de los corchetes para escribir rápidamente.

Answer 4

Intenté algunas cosas, pero no creo que puedas hacer esto. Tan pronto como console.log , la línea nr será la línea donde se encontrará este ajuste en el código. Supongo que tenemos que vivir con eso entonces?