javascript - 有没有办法使用 console.print 语句在 devtools 控制台中打印 javascript 源文件的链接和行号？

Question

我有一些在特定 javascript 文件中触发的 console.log 打印。该文件知道其他文件，并在 console.log 打印中引用这些文件名。我想知道是否有一种方法可以在同一个 console.log 打印输出中打印到该源文件的某种链接，并希望单击该链接将在开发工具中打开该文件的源 View ？

Answer 1

通过尝试 @miir 的解决方案发现您可以:

1)只要输入完整路径即可链接到文件

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

2) 手动链接到文件+行+字符

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

3) 动态链接到文件+行+字符

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]);

没有什么是从接受的答案中无法弄清楚的，但也许它可以帮助新手。