Javascript 如何在JSFIDLE中显示控制台

如何显示用于在jsfiddle.net上调试JavaScript的控制台？ 我只看到一个结果选项卡。尝试执行

console.log（'test'）时仅显示白色结果选项卡

控制台面板是否存在？
通常按F12键或使用结果窗格上的“检查”

或者添加


到左边的参考资料，如图所示


for（变量i=0；i<5；i++）{
console.log（i）；//0,1,2,3,4
}
console.log({
福：“酒吧”，
baz:function（）{}
});
log（[1,2,3]）；
console.log（window.alert）；
抛出新错误（'这是错误日志..'）
您可以通过右键单击并选择该菜单上的“检查元素”来打开它，或者您可以使用f12作为快捷键来打开控制台。
您可以通过

右键单击>检查元素>控制台

F12，打开调试器视图，并在控制台选项卡上获取日志。您可以根据需要过滤警告/信息/错误/全部（在Chrome上测试）

1-在JS窗格上编写一些简单的JS代码。e、 g.>console.log（“你好”）

2-单击“运行”。

3-在“结果”窗格上，右键单击并选择“检查”。

4-转到控制台。

5-确保过滤结果。（见下图）。

不要点击“更新”来保持控制台的整洁。每次您想要测试新代码时，只需点击“运行”或使用快捷键：Ctrl+Enter

您可以使用下面的包以“检查风格”的方式将控制台输出重定向到HTML窗格

GitHub：

如果你也有正常的HTML输出，你可以使用CSS覆盖这个控制台，或者让它贴在顶部或底部

这里的基本示例（无CSS）：

要在JSFIDLE中运行它，只需将CDN版本（下面的url）添加到资源中（参见示例）

我不这么认为。打开浏览器的控制台。JSFIDLE页面本身没有控制台面板。但是，JSFIDLE中的
console.log（）
会被写入浏览器控制台。@当使用FireBug时，可能的JSFIDLE副本最终会出现在他们自己的控制台中。只需进入
Settings>Console
即可激活。仍处于测试阶段，但最终没有更多恼人的解决办法。这并不能回答这个问题。一旦你有足够的钱，你将能够；相反@Michel这是一个很好的答案，从2020年开始，与上面的另一个“按F12键/右键单击”答案一样。我发现了一把没有它的小提琴——我不知道它是如何工作的。@阿尔瓦罗冈萨雷斯有一个添加的js文件：
https://unpkg.com/html-console-output