题 Facebook如何登录到这样的控制台?


我正在检查一些东西,就像你一样,在facebook上遇到了这个有趣的东西。

fb View Full Image

我理解这完全可以用类似的东西:

var cssRule =
    "color: rgb(249, 162, 34);" +
    "font-size: 60px;" +
    "font-weight: bold;" +
    "text-shadow: 1px 1px 5px rgb(249, 162, 34);" +
    "filter: dropshadow(color=rgb(249, 162, 34), offx=1, offy=1);";
console.log("%cHello World", cssRule);

资源

我的主要问题是, 他们如何停止显示file.js:line_numer 你总是在控制台的右手边?

使用上面的代码,您会看到: norm View Full Image

你注意到红圈了吗?但在facebook的例子中,他们没有显示那些信息。我浏览了Mozilla上的Web.Console API(链接),是否有人可能知道如何排除那些特定的信息?


17
2017-12-11 04:00


起源


也许它只是隐藏(也是CSS)? - Thilo
有点相关: stackoverflow.com/questions/21692646/... - Thilo


答案:


你只需要异步/推迟 console.log 电话,例如

setTimeout(console.log.bind(console, '%cFoo', 'color: #FF00FF;'), 0);

15
2017-12-11 04:04



在FF中,这使源显示为 <unknown>。 - Thilo
@Thilo OP的截图看起来像Chrome - Paul S.
这是铬是的 - Darren
如果您只是想要一条重要信息,可以通过将所有css放在一行(如@PaulS)来简化。 ,例如console.log(“%cHi来自dnldr”,“font-size:100px;”) - Mark N Hopgood