Is there a way to print a link to a javascript source file and line number in the devtools console with a console.print statement?

Question

I have some console.log prints that are triggered in a specific javascript file. This file is aware of other files, and it make references to those filenames in the console.log prints. I was wondering if there was a way I could print some sort of link to that source file in the same console.log print out, with the hopeful behavior that clicking the link would open the source view of that file in dev tools?

Answer 1

Found out by trying out @miir's solution that you can:

1) Link to a file as long as you put the full path

console.log("http://localhost:8000/myapp/path/to/file.js")
console.log(document.currentScript.src); // if executed from within a script

2) Link to a file + line + character manually

const line = "83";
const character = "2";
console.log(document.currentScript.src + ":" + line + ":" + character);

3) Link to a file + line + character dynamically

const level = 1; // 1 is last stack trace, you can go up the calling functions
console.log(new Error().stack.split("\n")[level].match(/http[^\)]+/)[0]);

Nothing that couldn't be figured out from the accepted answer, but maybe it can help newcomers.

Answer 2

At the time of this answer, there is no direct way to do this.

However, @Emissary points out in the comment below, a work-around of accessing a link to a file is by taking advantage of the Error object's ability to do so.

console.log(new Error().stack)