javascript - firefox / chrome 控制台功能日志

Question

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

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

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

score 0 · Accepted Answer

您可以添加console.trace()甚至console.log()在函数定义中进行跟踪。像这样的东西：

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

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

我不知道您是否可以访问这些功能，并且只是想要一种从控制台转到源文件的简单方法，或者真的不知道该功能的来源。但这就是我会做的。查看来源以供参考！

score 0 · Accepted Answer

0

尝试使用

console.log("test");

它适用于ff和chrome。

于 2013-07-17T13:06:50.167 回答

score 0 · Accepted Answer

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

例子：

console.dir(my_function);

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

score -1 · Accepted Answer

-1

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

于 2013-07-17T14:31:48.297 回答

4 回答 4