使浏览器控制台显示JavaScript文件的文件名和行号

要在浏览器控制台显示JavaScript文件的文件名和行号，可以使用以下代码示例：

console.log("Hello world"); // 行号: 2, 文件名: script.js

在上述代码示例中，我们使用console.log()函数打印了一条消息。为了显示文件名和行号，我们可以在打印的消息中包含这些信息。下面是一个更完整的示例：

function logWithLineNumber(message) {
  var stack = new Error().stack;
  var callerLine = stack.split("\n")[2];
  var lineNumber = callerLine.match(/:(\d+):\d+/)[1];
  var fileName = callerLine.match(/https?:\/\/[^\/]+(\/[^\/]+\.js)/)[1];
  console.log("行号: " + lineNumber + ", 文件名: " + fileName + ", 消息: " + message);
}

logWithLineNumber("Hello world"); // 行号: 6, 文件名: script.js, 消息: Hello world

在这个示例中，我们定义了一个名为logWithLineNumber的函数，它接受一个消息作为参数。函数内部使用了Error对象的stack属性来获取调用该函数的堆栈信息。然后，我们从堆栈信息中提取出调用者的行号和文件名，并将它们与消息一起打印到控制台。

请注意，这种方法只能在支持堆栈跟踪的浏览器中使用，例如Chrome、Firefox和Safari。在某些旧版浏览器中，可能无法正常工作。