火狐/铬控制台功能日志

Question

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

（https://getfirebug.com/logging 他们在"日志记录对象超链接"段落中对其进行了描述）

但是，有没有办法在Firefox/Chrome"本机"控制台上具有相同的行为？

Answer 1

您可以在函数定义中添加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 2

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

例：

console.dir(my_function);

我在火狐中没有看到任何东西。

Answer 3

尝试使用

console.log("test");

它将在 ff 和 chrome 上工作。

Answer 4

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