firefox / chrome控制台日志功能

Question

通常我使用ff + firebug，我发现它的控制台功能非常有用：如果你是console.log（a_function）;你没有看到（恕我直言完全没用）函数体，但是链接到定义函数的js源文件。

（在https://getfirebug.com/logging上他们在“记录对象超链接”段落中描述了它）

但是，有没有办法在firefox / chrome“native”控制台上有相同的行为？

Answer 1

如果您将功能放在console.dir功能中，则在Chrome中，您将获得有关该功能的其他信息。然后，您可以右键单击该功能并选择“显示功能定义”。

示例：

console.dir(my_function);

我在firefox中没有看到任何内容。

Answer 2

您可以在函数定义中添加console.trace()甚至console.log()来跟踪它。像这样：

function something(){
    var x = 5 +3;
    console.trace();
    console.log("FUNCTION SOMETHING");
    return x;
  }

因此，当它显示在您的Chrome控制台工具中时，您可以看到原始文件和行并单击它以获取该文件的来源。不像FF Firebug那样雄辩，但它是一个开始。

我不知道您是否可以访问这些功能，只是希望从控制台到源文件的简单方法，或者真的不知道函数的来源。但这就是我要做的。查看来源以供参考！

来源：https://developers.google.com/chrome-developer-tools/docs/console-api#consoletrace

Answer 3

尝试使用

console.log("test");

它适用于ff和chrome。

Answer 4

为什么不console.debug(yourfunc.toString());？