How to omit file/line number with console.log

Question

In the console of Chrome you can write pretty nice stuff these days. Checkout this link. I've also made a screenshot:

As you can see in the screenshot too, the file name / line number (VM298:4) is written at the right. Is it possible the remove that, because in my case this is a very long name and more or less breaks the effect I'm trying to make in my console ?

Answer 1

To keep your logging statements clean, you could define the following function and simply use console.print to log without filename/line numbers:

// console.print: console.log without filename/line number
console.print = function (...args) {
    queueMicrotask (console.log.bind (console, ...args));
}

console.print takes the same arguments as console.log for example:

console.print("Text with no filename info.")

console.print('%c Custom CSS and no line numbers! ', 'background: #555555; color: #00aaff');

Answer 2

Another option is to give your source script files shorter names using sourceURL

//# sourceURL=new_file_name.js