样式console.log输出和运行函数

时间:2014-04-21 15:59:25

标签: javascript google-chrome google-chrome-devtools

在对http://pinterest.com的源代码进行了一些窥探之后,我注意到他们如何使用控制台与用户进行通信(似乎仅适用于Chrome)。

enter image description here

此外,如果我在控制台日志中输入joinUs(),则会运行一个函数,指示我转到新页面。

我尝试通过声明一个函数在我自己的网站上的控制台日志中运行一个函数:

function testFunc(){
    console.log('Hello world!');
}

但是如果我尝试在控制台日志中输入testFunc(),我会收到以下错误:

ReferenceError: testFunc is not defined

有没有人知道如何设置控制台日志输出的样式,以及如何在控制台中运行某个功能?

1 个答案:

答案 0 :(得分:1)

对于样式,您可以查看https://github.com/adamschwartz/log
如果您仔细阅读代码,我相信您可以弄清楚它是如何工作的。

至于testFunc是否可用,请尝试将其明确指定给windowwindow.testFunc = function () { console.log('Hello world!') };也是如此。这应该有用。